SVGAnimatedPathData

SVG animated path data interface

The SVGAnimatedPathData interface supports elements which have a 'd' attribute which holds SVG path data, and supports the ability to animate that attribute.

Interface overview

Also implement	None
Methods	None
Properties	`SVGPathSegList` `animatedNormalizedPathSegList` `SVGPathSegList` `animatedPathSegList` `SVGPathSegList` `normalizedPathSegList` `SVGPathSegList` `pathSegList`
Normative document	SVG 1.1 (2nd Edition)

Properties

This interface also inherits properties from its parent, SVGPathElement.

Name	Type	Description
`animatedNormalizedPathSegList`	`SVGPathSegList`	Provides access to the current animated contents of the '`d`' attribute in a form where all path data commands are expressed in terms of the following subset of `SVGPathSeg` types: `SVG_PATHSEG_MOVETO_ABS` (`M`), `SVG_PATHSEG_LINETO_ABS` (`L`), `SVG_PATHSEG_CURVETO_CUBIC_ABS` (`C`) and `SVG_PATHSEG_CLOSEPATH` (`z`).
`animatedPathSegList`	`SVGPathSegList`	Provides access to the current animated contents of the '`d`' attribute in a form which matches one-for-one with SVG's syntax. If the given attribute or property is being animated, contains the current animated value of the attribute or property, and both the object itself and its contents are read only.
`normalizedPathSegList`	`SVGPathSegList`	Provides access to the base (i.e., static) contents of the '`d`' attribute in a form where all path data commands are expressed in terms of the following subset of `SVGPathSeg` types: `SVG_PATHSEG_MOVETO_ABS` (`M`), `SVG_PATHSEG_LINETO_ABS` (`L`), `SVG_PATHSEG_CURVETO_CUBIC_ABS` (`C`) and `SVG_PATHSEG_CLOSEPATH` (`z`).
`pathSegList`	`SVGPathSegList`	Provides access to the base (i.e., static) contents of the '`d`' attribute in a form which matches one-for-one with SVG's syntax. Thus, if the d attribute has an "absolute moveto (`M`)" and an "absolute arcto (`A`)" command, then `pathSegList` will have two entries: a `SVG_PATHSEG_MOVETO_ABS` and a `SVG_PATHSEG_ARC_ABS`.

Methods

This interface does not provide any specific methods, but implements those of its parent, SVGPathElement.

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`SVGAnimatedPathData`	Chrome ?	Edge ?	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android ?	Chrome Android ?	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android ?

Legend

Full support: Full support
No support: No support
Compatibility unknown: Compatibility unknown