SVGTextPositioningElement: rotate Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
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
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPositioningElement__rotate |
Browser-Kompatibilität
Loading…