SVGPathElement

The SVGPathElement interface corresponds to the <path> element.

Properties

This interface inherits properties from its parent, SVGGeometryElement.

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

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	≤37	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	1.5	9	≤12.1-49	3	≤37-62	18-62	4	≤12.1-46	1	1.0-8.0

See also

• <path> SVG Element