SVGPathElement: pathLength プロパティ
pathLength は SVGPathElement インターフェイスの読み取り専用プロパティで、この <path> の pathLength 属性を反映します。
値
例
pathLength プロパティへのアクセス
html
<svg width="200" height="100">
<path id="myPath" d="M 0,30 h100" pathLength="50" />
</svg>
js
const pathElement = document.getElementById("myPath");
// pathLength プロパティにアクセス
const animatedNumber = pathElement.pathLength;
// pathLength 属性のベース値
console.log(animatedNumber.baseVal); // 結果: 100
仕様書
| Specification |
|---|
| SVG Paths # __svg__SVGPathElement__pathLength |