Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. SVG
  3. Reference
  4. Attributes
  5. lengthAdjust

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

lengthAdjust

Das AttributlengthAdjust steuert, wie der Text auf die durch das AttributtextLength 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

Wertspacing |spacingAndGlyphs
Standardwertspacing
AnimierbarJa

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.

[8]ページ先頭

©2009-2026 Movatter.jp