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
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
| Specification |
|---|
| SVG Paths # __svg__SVGPathElement__pathLength |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
pathLength
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support