lengthAdjust

Das Attribut lengthAdjust steuert, wie der Text auf die durch das Attribut textLength definierte Länge gestreckt wird.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiel

html,
body,
svg {
  height: 100%;
}

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>

Nutzungshinweise

Wert	`spacing` \| `spacingAndGlyphs`
Standardwert	`spacing`
Animierbar	Ja

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # TextElementLengthAdjustAttribute

Browser-Kompatibilität

svg.elements.text.lengthAdjust

svg.elements.tspan.lengthAdjust

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden