このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
SVGTextContentElement: textLength プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
textLength は SVGTextContentElement インターフェイスの読み取り専用プロパティで、この要素の textLength 属性を反映します。
値
例
textLength プロパティへのアクセス
html
<svg width="200" height="100">
<text id="myText" x="10" y="50" textLength="100" lengthAdjust="spacing">
Hello, SVG!
</text>
</svg>
js
const textElement = document.getElementById("myText");
// textLength プロパティへのアクセス
const animatedLength = textElement.textLength;
// textLength 属性の元値
console.log(animatedLength.baseVal.value); // 出力: 100
仕様書
| 仕様書 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextContentElement__textLength |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。