SVGTextContentElement: textLength property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The textLength read-only property of the SVGTextContentElement interface reflects the textLength attribute of the given element.
Value
Examples
Accessing the textLength Property
html
<svg width="200" height="100">
<text id="myText" x="10" y="50" textLength="100" lengthAdjust="spacing">
Hello, SVG!
</text>
</svg>
js
const textElement = document.getElementById("myText");
// Access the textLength property
const animatedLength = textElement.textLength;
// The base value of the textLength attribute
console.log(animatedLength.baseVal.value); // Output: 100
Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextContentElement__textLength |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
textLength
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support