SVGTextContentElement: lengthAdjust property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
The lengthAdjust
read-only property of the SVGTextContentElement
interface reflects the lengthAdjust
attribute of the given element. It takes one of the LENGTHADJUST_*
constants defined on this interface.
Value
Examples
Accessing the lengthAdjust
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 `lengthAdjust` property
const lengthAdjust = textElement.lengthAdjust;
// Log the base value of the `lengthAdjust` attribute
console.log(lengthAdjust.baseVal); // Output: 1 (e.g. LENGTHADJUST_SPACING)
Specifications
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGTextContentElement__lengthAdjust |
Browser compatibility
BCD tables only load in the browser