SVGTextContentElement:getComputedTextLength() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGTextContentElement 接口的 getComputedTextLength() 方法表示元素内文本的计算长度。

语法

js
getComputedTextLength()

参数

无。

返回值

浮点数。

示例

计算文本长度

html
<svg width="300" height="100">
  <text id="exampleText" x="10" y="50" font-size="16">Hello, SVG World!</text>
</svg>
js
const textElement = document.getElementById("exampleText");

// Get the computed text length
const textLength = textElement.getComputedTextLength();

console.log(textLength); // Output: 124.5 (e.g. depends on font size and text content)

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__getComputedTextLength

浏览器兼容性