SVGTextContentElement: getSubStringLength() 方法
SVGTextContentElement 接口的 getSubStringLength() 方法表示元素内文本子字符串的格式化文本前进距离的计算长度。
请注意，此方法仅考虑子字符串中字形的宽度以及 CSS letter-spacing 和 word-spacing 属性插入的额外间距。由 x 属性进行的视觉间距调整将被忽略。
语法
js
getSubStringLength(index, length)
参数
返回值
浮点数。
异常
IndexSizeErrorDOMException-
如果
index大于最高索引或length为负数，则抛出此异常。
示例
获取子字符串的长度
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 length of a substring starting at character 0 with 5 characters
const substringLength = textElement.getSubStringLength(0, 5);
console.log(substringLength); // Output: 35.55
规范
| 规范 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextContentElement__getSubStringLength |
浏览器兼容性
加载中…