lengthAdjust

Атрибут lengthAdjust управляет тем, как текст растягивается до длины, заданной атрибутом textLength.

Этот атрибут можно использовать со следующими элементами SVG:

Пример

<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>

Примечания по использованию

Значение	`spacing` \| `spacingAndGlyphs`
Значение по умолчанию	`spacing`
Анимируемый	Да

Спецификации

Спецификация
Масштабируемая векторная графика (SVG) 2> # TextElementLengthAdjustAttribute>

Совместимость с браузерами

svg.elements.text.lengthAdjust

	Настольные ПК					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari для iOS	Samsung Internet	WebView Android	WebView для iOS
`lengthAdjust`	1	12	1.5	15	3	18	4	14	2	1.0	4.4	2

svg.elements.tspan.lengthAdjust

	Настольные ПК					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari для iOS	Samsung Internet	WebView Android	WebView для iOS
`lengthAdjust`	1	79	Нет	15	3	18	Нет	14	2	1.0	4.4	2

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/lengthAdjust