SVGTextPathElement: spacing-Eigenschaft

Die spacing schreibgeschützte Eigenschaft des SVGTextPathElement-Interfaces repräsentiert den Abstand zwischen typografischen Zeichen, die entlang eines Pfades gerendert werden sollen.

Beachten Sie, dass die spacing.baseVal-Eigenschaft das spacing-Attribut des angegebenen <textPath>-Elements als ein enumerierter Wert widerspiegelt. Während spacing schreibgeschützt ist, können Sie spacing.baseVal verwenden, um den Wert des entsprechenden Attributs zu ändern.

In SVG 2 spiegelt spacing.animVal auch den nicht animierten Wert des Attributs wider.

Wert

Ein SVGAnimatedEnumeration-Objekt.

Die folgenden statischen Eigenschaften geben die Werte an, die von spacing.baseVal (und spacing.animVal) zurückgegeben werden können:

SVGTextPathElement.TEXTPATH_SPACINGTYPE_UNKNOWN (0)

Der Typ ist keiner der vordefinierten Typen. Dieser Wert kann nicht gesetzt werden.

SVGTextPathElement.TEXTPATH_SPACINGTYPE_AUTO (1)

Entspricht dem Wert auto.

SVGTextPathElement.TEXTPATH_SPACINGTYPE_EXACT (2)

Entspricht dem Wert exact.

Beachten Sie, dass baseVal nicht auf 0 (TEXTPATH_SPACINGTYPE_UNKNOWN) oder einen anderen als die oben aufgeführten Werte gesetzt werden kann. animVal ist schreibgeschützt und wird einen Fehler auslösen, wenn Sie versuchen, darauf zu schreiben.

Beispiele

Zugriff auf die spacing-Eigenschaft

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
 <defs>
 <path id="myPath" d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" />
 </defs>
 <text font-size="20" fill="blue">
 <textPath id="myTextPath" href="#myPath" spacing="auto">
 This text follows a path!
 </textPath>
 </text>
</svg>

const textPath = document.getElementById("myTextPath");
// Access the spacing property
console.log(textPath.spacing.baseVal); // Output: 1 (TEXTPATH_SPACINGTYPE_AUTO)

Spezifikationen

Browser-Kompatibilität

Siehe auch

• SVGTextPathElement.method
• SVGTextPathElement.side
• SVGTextPathElement Spacing-Typen