SVG在Javascript中获取文本字符边界

SVG get text characters bounds in Javascript

本文关键字：取文本 字符边界 获取 Javascript SVG      更新时间：2023-09-26

是否有任何方法可以使用Javascript在svg中获得每个字符的边界?

注意:所有的文本都在svg文本元素(不是Tspan…等)

有一个名为getExtentOfChar的SVG DOM方法，它将为您获得每个字符的边界框。

传入您想要获取的字符的索引，第一个字符为0，等等。

var t = document.getElementById("t");
alert(t.getExtentOfChar(0).width + " " + t.getExtentOfChar(3).width);
<svg>
  <text id="t" y="20">hello</text>
</svg>

相关文章：