javascript - SVG 获取文本元素宽度

Question

我正在为 SVG 文件编写一些 ECMAScript/JavaScript，需要获取 text 元素的 width 和 height 所以我可以调整围绕它的矩形的大小。在 HTML 中，我可以在元素上使用 offsetWidth 和 offsetHeight 属性，但这些属性似乎不可用。

这是我需要处理的片段。每当我更改文本时，我都需要更改矩形的宽度，但我不知道如何获取 text 元素的实际 width(以像素为单位)。

<rect x="100" y="100" width="100" height="100" />
<text>Some Text</text>

有什么想法吗？

Answer 1

var bbox = textElement.getBBox();
var width = bbox.width;
var height = bbox.height;

然后相应地设置矩形的属性。

链接:getBBox()在 SVG v1.1 标准中。