W3cubDocs

/Web APIs

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

An SVGAnimatedLength.

Examples

Accessing the `textLength` Property

<svg width="200" height="100">
  <text id="myText" x="10" y="50" textLength="100" lengthAdjust="spacing">
    Hello, SVG!
  </text>
</svg>

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
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`textLength`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	3	1