web api instance property
SVGPathElement: pathLength property
The pathLength read-only property of the SVGPathElement interface reflects the pathLength attribute of the given <path> element.
Value
Examples
Accessing the pathLength Property
<svg width="200" height="100">
<path id="myPath" d="M 0,30 h100" pathLength="50" />
</svg>
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
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
pathLengthpathLengthSVGAnimatedLength