lengthAdjust
The lengthAdjust attribute controls how the text is stretched into the length defined by the textLength
attribute.
You can use this attribute with the following SVG elements:
Example
html
<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
<g font-face="sans-serif">
<text x="0" y="20" textLength="300" lengthAdjust="spacing">
Stretched using spacing only.
</text>
<text x="0" y="50" textLength="300" lengthAdjust="spacingAndGlyphs">
Stretched using spacing and glyphs.
</text>
<text x="0" y="80" textLength="100" lengthAdjust="spacing">
Shrunk using spacing only.
</text>
<text x="0" y="110" textLength="100" lengthAdjust="spacingAndGlyphs">
Shrunk using spacing and glyphs.
</text>
</g>
</svg>
Usage notes
Value | spacing | spacingAndGlyphs |
---|---|
Default value | spacing |
Animatable | Yes |
Specifications
Specification |
---|
Scalable Vector Graphics (SVG) 2 # TextElementLengthAdjustAttribute |
Browser compatibility
BCD tables only load in the browser