lengthAdjust

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

Вы можете использовать этот атрибут с такими элементами SVG:

Пример

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>

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

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

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

Спецификация
Scalable Vector Graphics (SVG) 2 # TextElementLengthAdjustAttribute

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

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

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