javascript - 计算 SVG 文本的垂直高度

Question

我有一个字符串数组。说，

['Jan 11','Feb 11']

我正在用这些字符串创建一个垂直文本，就像这样

<text x="60" y="154" text-anchor="middle" style="text-anchor: middle; font: normal normal normal 12px/normal Helvetica, Arial; " font="12px Helvetica, Arial" stroke="none" fill="#ffffff" transform="rotate(90 59.75 150)">
<tspan>Jan 11</tspan>
</text>

渲染 svg 后，我发现文本的高度为 36px。现在有没有办法计算在给定字体大小的情况下将预先呈现的文本的高度？

Answer 1

您可以使用getBBox方法来计算 SVG 节点的尺寸。

var textNode = document.getElementsByTagName('text'),
    bbox = textNode.getBBox();

//bbox now have x, y, width and height properties