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

Question

有没有办法使用Javascript获取svg中每个角色的界限？

注意：所有文本都在svg文本元素中（Not Tspan ... etc）

Answer 1

有一个名为getExtentOfChar的SVG DOM方法可以获得每个角色的边界框。

传入你想要获得的角色的索引，第一个角色等等。

var t = document.getElementById("t");
alert(t.getExtentOfChar(0).width + " " + t.getExtentOfChar(3).width);

<svg>
  <text id="t" y="20">hello</text>
</svg>