标准 svg 字体的字符宽度

Question

我正在为数据可视化生成一些简单的 svg，作为其中的一部分，我需要 渲染多行文本。我正在使用简单的文本/文本跨度。然而当 确定何时断线，我需要知道字符串的宽度。请注意，我 不是 使用 javascript，这些是静态 svg 图。我的手动模型在几个不同浏览器的所有三个平台（Mac/Windows 10/Linux）上都可以正常工作。我一直在搜索，但是所有关于字符串宽度的尝试都涉及动态 SVG 和 javascript。默认字体的字符宽度是否有任何数据？我正在使用相当简单的svg。我也在使用默认的变换和坐标空间。还是我必须编写一个 javascript 测试页面来返回宽度？

谢谢。

Answer 1

标准字体由渲染器的设置决定。浏览器将使用与 HTML 内容相同的字体，由用户设置并取决于系统上安装的字体。这意味着每个最终用户的文本大小会有所不同。

渲染后无法测量文本。