SVGTextPositioningElement: rotate Eigenschaft
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 rotate schreibgeschützte Eigenschaft der SVGTextPositioningElement-Schnittstelle spiegelt die Rotation einzelner Textglyphen wider, wie sie durch das rotate-Attribut des angegebenen Elements festgelegt wird.
Wert
Ein SVGAnimatedNumberList-Objekt.
Beispiele
Für das folgende SVG:
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<text x="10" y="20" rotate="45">Hello</text>
<text x="50" y="50" rotate="90">World</text>
</svg>
Können wir auf das rotate-Attribut zugreifen:
js
const texts = document.querySelectorAll("text");
console.log(texts[0].rotate.baseVal); // output: 45
console.log(texts[1].rotate.baseVal); // output: 90
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPositioningElement__rotate |