W3cubDocs

/Web APIs

SVGPathElement

The SVGPathElement interface corresponds to the <path> element.

EventTarget Node Element SVGElement SVGGraphicsElement SVGGeometryElement SVGPathElement

Note: In SVG 2 the getPathSegAtLength() and createSVGPathSeg* methods were removed and the pathLength property and the getTotalLength() and getPointAtLength() methods were moved to SVGGeometryElement.

Instance properties

This interface inherits properties from its parent, SVGGeometryElement.

Instance methods

This interface also inherits methods from its parent, SVGGeometryElement.

SVGPathElement.getPathSegAtLength() Deprecated

Returns an unsigned long representing the index within the pathSegList utilizing the user agent's distance-along-a-path algorithm.

SVGPathElement.createSVGPathSegClosePath() Deprecated

Returns a stand-alone, parentless SVGPathSegClosePath object.

SVGPathElement.createSVGPathSegMovetoAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegMovetoAbs object.

SVGPathElement.createSVGPathSegMovetoRel() Deprecated

Returns a stand-alone, parentless SVGPathSegMovetoRel object.

SVGPathElement.createSVGPathSegLinetoAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegLinetoAbs object.

SVGPathElement.createSVGPathSegLinetoRel() Deprecated

Returns a stand-alone, parentless SVGPathSegLinetoRel object.

SVGPathElement.createSVGPathSegCurvetoCubicAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoCubicAbs object.

SVGPathElement.createSVGPathSegCurvetoCubicRel() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoCubicRel object.

SVGPathElement.createSVGPathSegCurvetoQuadraticAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticAbs object.

SVGPathElement.createSVGPathSegCurvetoQuadraticRel() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticRel object.

SVGPathElement.createSVGPathSegArcAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegArcAbs object.

SVGPathElement.createSVGPathSegArcRel() Deprecated

Returns a stand-alone, parentless SVGPathSegArcRel object.

SVGPathElement.createSVGPathSegLinetoHorizontalAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegLinetoHorizontalAbs object.

SVGPathElement.createSVGPathSegLinetoHorizontalRel() Deprecated

Returns a stand-alone, parentless SVGPathSegLinetoHorizontalRel object.

SVGPathElement.createSVGPathSegLinetoVerticalAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegLinetoVerticalAbs object.

SVGPathElement.createSVGPathSegLinetoVerticalRel() Deprecated

Returns a stand-alone, parentless SVGPathSegLinetoVerticalRel object.

SVGPathElement.createSVGPathSegCurvetoCubicSmoothAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoCubicSmoothAbs object.

SVGPathElement.createSVGPathSegCurvetoCubicSmoothRel() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoCubicSmoothRel object.

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothAbs() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothAbs object.

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothRel() Deprecated

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothRel object.

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
SVGPathElement 1 12 1.5 9 ≤12.1 3 3 18 4 ≤12.1 1 1.0
createSVGPathSegArcAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegArcRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegClosePath 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoCubicAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoCubicRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoCubicSmoothAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoCubicSmoothRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoQuadraticAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoQuadraticRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoQuadraticSmoothAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegCurvetoQuadraticSmoothRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegLinetoAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegLinetoHorizontalAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegLinetoHorizontalRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegLinetoRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegLinetoVerticalAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegLinetoVerticalRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegMovetoAbs 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
createSVGPathSegMovetoRel 1–48 12–79 1.5–59 9 ≤12.1–35 3 ≤37–48 18–48 4–59 ≤12.1–35 1 1.0–5.0
getPathSegAtLength 1–62 12–79 971.5–97 9 ≤12.1–49 3 ≤37–62 18–62 4–97 ≤12.1–46 1 1.0–8.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGPathElement