SVGTextPathElement: Method-Property
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die method-Eigenschaft der Schnittstelle SVGTextPathElement ist eine schreibgeschützte Eigenschaft, die die Methode angibt, mit der Text entlang des Pfads gerendert werden soll.
Beachten Sie, dass die Eigenschaft method.baseVal das method-Attribut des angegebenen <textPath>-Elements als einen aufgezählten Wert widerspiegelt. Während method schreibgeschützt ist, können Sie method.baseVal verwenden, um den Wert des entsprechenden Attributs zu ändern.
In SVG 2 spiegelt side.method auch den nicht animierten Wert des Attributs wider.
Wert
Ein SVGAnimatedEnumeration-Objekt.
Die folgenden statischen Eigenschaften geben die Werte an, die von method.baseVal (und method.animVal) zurückgegeben werden können:
SVGTextPathElement.TEXTPATH_METHODTYPE_UNKNOWN(0)-
Der Typ ist keiner der vordefinierten Typen.
SVGTextPathElement.TEXTPATH_METHODTYPE_ALIGN(1)-
Entspricht dem Wert
align. SVGTextPathElement.TEXTPATH_METHODTYPE_STRETCH(2)-
Entspricht dem Wert
stretch.
Beachten Sie, dass baseVal nicht auf 0 (TEXTPATH_METHODTYPE_UNKNOWN) oder einen anderen Wert als die oben genannten gesetzt werden kann. animVal ist schreibgeschützt und löst einen Fehler aus, wenn Sie versuchen, darauf zu schreiben.
Beispiele
Zugriff auf die method-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" method="align">
This text follows a path!
</textPath>
</text>
</svg>
const textPath = document.getElementById("myTextPath");
// Access the method property
console.log(textPath.method.baseVal); // Output: 1 (TEXTPATH_METHODTYPE_ALIGN)
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPathElement__method |