SVGPathElement: pathLength プロパティ

pathLength は SVGPathElement インターフェイスの読み取り専用プロパティで、この <path> の pathLength 属性を反映します。

値

An SVGAnimatedNumber.

例

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

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2025年12月4日 by MDN contributors.

View this page on GitHub • Report a problem with this content

SVGPathElement: pathLength プロパティ

In this article

値

例

pathLength プロパティへのアクセス

仕様書

ブラウザーの互換性

関連情報

Help improve MDN