SVGPathElement: pathLength property

The pathLength read-only property of the SVGPathElement interface reflects the pathLength attribute of the given <path> element.

Value

An SVGAnimatedNumber.

Examples

undefined

Accessing the pathLength Property

html
<svg width="200" height="100">
  <path id="myPath" d="M 0,30 h100" pathLength="50" />
</svg>
js
const pathElement = document.getElementById("myPath");

// Access the pathLength property
const animatedNumber = pathElement.pathLength;

// The base value of the pathLength attribute
console.log(animatedNumber.baseVal); // Output: 100

Specifications

See also