MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

SVGGeometryElement.getPointAtLength()

The SVGGeometryElement.getPointAtLength() method returns the point at a given distance along the path.

Note: This method was originally part of the SVGPathElement interface. SVG 2 introduced the SVGGeometryElement interface and moved the property to it.

Syntax

DOMPoint someElement.getPointAtLength(float distance);

Parameters

distance
A float referring to the distance along the path.

Return value

A DOMPoint indicating the point at a given distance along the path.

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of 'SVGGeometryElement.getTotalLength()' in that specification.
Candidate Recommendation Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes) ? 53.0 (53.0)[1] ? ? ?
Feature Android Android Webview Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? (Yes) 53.0 (53.0)[1] ? ? ? (Yes)

[1] This method is currently only supported on <path> elements (where it was already supported in earlier Firefox versions through the SVGPathElement interface). Support for other elements will be added in bug 1325320.

Document Tags and Contributors

 Contributors to this page: jpmedley, Sebastianz
 Last updated by: jpmedley,