Tag: 字形

计算字体字形的确切大小

我需要一种方法来查找相对于其边界框的字形的确切大小和位置。 我们使用D3.js创build一个标题，一个较小的字体和一个短的正文文本的SVG。 非常多这个： Lorem ipsum Lorem ipsum dolor Lorem ipsum dolor坐amet， consectetur adipisicing elit， sed做eiusmod tempor incididunt ut labore et dolore magna aliqua 正如在这个例子中，我需要文字左alignment，无论字体大小。 问题是它是alignment的每个行边界框，而不是字形。 这使标题看起来缩进。 如何计算边界框和字形之间的空间，以便我可以正确地alignment文本？ 一位同事坐下来，手动测量了英文字体，效果很好。 我们可以在Adobe Illustrator中做到这一点，但我们需要英文，中文和阿拉伯文字体的信息。 手工操作或多或less是不可能的。 我可以想出的唯一解决scheme是在canvas元素中键入每个字符，并映射每个像素以查看字形开始和结束的位置。 我认为最理想的是使用SVG字体path信息来find极值，这样我们就可以得到确切的数字而不是估计值。 我们的估计有一个很大的误差。 有没有办法做到这一点node.js？ SVG的一个例子是： <svg viewBox="0,0,1008,1424" height="1052px" width="744px" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(50,150)" class="container"> <g transform="translate(0,205)" class="textContainer"> <g fill="white" font-family="serif" font-size="" class="header"> <text> […]