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()

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

SVGPathElement.createSVGPathSegClosePath()

Returns a stand-alone, parentless SVGPathSegClosePath object.

SVGPathElement.createSVGPathSegMovetoAbs()

Returns a stand-alone, parentless SVGPathSegMovetoAbs object.

SVGPathElement.createSVGPathSegMovetoRel()

Returns a stand-alone, parentless SVGPathSegMovetoRel object.

SVGPathElement.createSVGPathSegLinetoAbs()

Returns a stand-alone, parentless SVGPathSegLinetoAbs object.

SVGPathElement.createSVGPathSegLinetoRel()

Returns a stand-alone, parentless SVGPathSegLinetoRel object.

SVGPathElement.createSVGPathSegCurvetoCubicAbs()

Returns a stand-alone, parentless SVGPathSegCurvetoCubicAbs object.

SVGPathElement.createSVGPathSegCurvetoCubicRel()

Returns a stand-alone, parentless SVGPathSegCurvetoCubicRel object.

SVGPathElement.createSVGPathSegCurvetoQuadraticAbs()

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticAbs object.

SVGPathElement.createSVGPathSegCurvetoQuadraticRel()

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticRel object.

SVGPathElement.createSVGPathSegArcAbs()

Returns a stand-alone, parentless SVGPathSegArcAbs object.

SVGPathElement.createSVGPathSegArcRel()

Returns a stand-alone, parentless SVGPathSegArcRel object.

SVGPathElement.createSVGPathSegLinetoHorizontalAbs()

Returns a stand-alone, parentless SVGPathSegLinetoHorizontalAbs object.

SVGPathElement.createSVGPathSegLinetoHorizontalRel()

Returns a stand-alone, parentless SVGPathSegLinetoHorizontalRel object.

SVGPathElement.createSVGPathSegLinetoVerticalAbs()

Returns a stand-alone, parentless SVGPathSegLinetoVerticalAbs object.

SVGPathElement.createSVGPathSegLinetoVerticalRel()

Returns a stand-alone, parentless SVGPathSegLinetoVerticalRel object.

SVGPathElement.createSVGPathSegCurvetoCubicSmoothAbs()

Returns a stand-alone, parentless SVGPathSegCurvetoCubicSmoothAbs object.

SVGPathElement.createSVGPathSegCurvetoCubicSmoothRel()

Returns a stand-alone, parentless SVGPathSegCurvetoCubicSmoothRel object.

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothAbs()

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothAbs object.

SVGPathElement.createSVGPathSegCurvetoQuadraticSmoothRel()

Returns a stand-alone, parentless SVGPathSegCurvetoQuadraticSmoothRel object.

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGPathElement

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