SVGTextPositioningElement: rotate プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
rotate は SVGTextPositioningElement インターフェイスの読み取り専用プロパティで、指定された要素の rotate 属性で指定されたとおりに、個々のテキスト文字の回転を反映します。
値
SVGAnimatedNumberList オブジェクトです。
例
次の 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>
rotate 属性にアクセスできます。
js
const texts = document.querySelectorAll("text");
console.log(texts[0].rotate.baseVal); // 出力: 45
console.log(texts[1].rotate.baseVal); // 出力: 90
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPositioningElement__rotate |