---
title: SVGPathElement
framework: webkitjs
role: symbol
role_heading: Class
path: webkitjs/svgpathelement
---

# SVGPathElement

## Declaration

```data
interface SVGPathElement
```

## Topics

### Instance Properties

- [animatedNormalizedPathSegList](webkitjs/svgpathelement/1629870-animatednormalizedpathseglist.md)
- [animatedPathSegList](webkitjs/svgpathelement/1628809-animatedpathseglist.md)
- [normalizedPathSegList](webkitjs/svgpathelement/1629472-normalizedpathseglist.md)
- [pathLength](webkitjs/svgpathelement/1632311-pathlength.md)
- [pathSegList](webkitjs/svgpathelement/1632081-pathseglist.md)

### Instance Methods

- [createSVGPathSegArcAbs](webkitjs/svgpathelement/1633537-createsvgpathsegarcabs.md)
- [createSVGPathSegArcRel](webkitjs/svgpathelement/1632993-createsvgpathsegarcrel.md)
- [createSVGPathSegClosePath](webkitjs/svgpathelement/1629575-createsvgpathsegclosepath.md)
- [createSVGPathSegCurvetoCubicAbs](webkitjs/svgpathelement/1630804-createsvgpathsegcurvetocubicabs.md)
- [createSVGPathSegCurvetoCubicRel](webkitjs/svgpathelement/1629907-createsvgpathsegcurvetocubicrel.md)
- [createSVGPathSegCurvetoCubicSmoothAbs](webkitjs/svgpathelement/1630140-createsvgpathsegcurvetocubicsmoo.md)
- [createSVGPathSegCurvetoCubicSmoothRel](webkitjs/svgpathelement/1629604-createsvgpathsegcurvetocubicsmoo.md)
- [createSVGPathSegCurvetoQuadraticAbs](webkitjs/svgpathelement/1631771-createsvgpathsegcurvetoquadratic.md)
- [createSVGPathSegCurvetoQuadraticRel](webkitjs/svgpathelement/1630930-createsvgpathsegcurvetoquadratic.md)
- [createSVGPathSegCurvetoQuadraticSmoothAbs](webkitjs/svgpathelement/1632323-createsvgpathsegcurvetoquadratic.md)
- [createSVGPathSegCurvetoQuadraticSmoothRel](webkitjs/svgpathelement/1633408-createsvgpathsegcurvetoquadratic.md)
- [createSVGPathSegLinetoAbs](webkitjs/svgpathelement/1632390-createsvgpathseglinetoabs.md)
- [createSVGPathSegLinetoHorizontalAbs](webkitjs/svgpathelement/1630455-createsvgpathseglinetohorizontal.md)
- [createSVGPathSegLinetoHorizontalRel](webkitjs/svgpathelement/1633247-createsvgpathseglinetohorizontal.md)
- [createSVGPathSegLinetoRel](webkitjs/svgpathelement/1629644-createsvgpathseglinetorel.md)
- [createSVGPathSegLinetoVerticalAbs](webkitjs/svgpathelement/1633757-createsvgpathseglinetoverticalab.md)
- [createSVGPathSegLinetoVerticalRel](webkitjs/svgpathelement/1629141-createsvgpathseglinetoverticalre.md)
- [createSVGPathSegMovetoAbs](webkitjs/svgpathelement/1629784-createsvgpathsegmovetoabs.md)
- [createSVGPathSegMovetoRel](webkitjs/svgpathelement/1632182-createsvgpathsegmovetorel.md)
- [getPathSegAtLength](webkitjs/svgpathelement/1630509-getpathsegatlength.md)
- [getPointAtLength](webkitjs/svgpathelement/1633839-getpointatlength.md)
- [getTotalLength](webkitjs/svgpathelement/1633567-gettotallength.md)

## Relationships

### Inherits From

- [SVGGraphicsElement](webkitjs/svggraphicselement.md)