path

The path SVG element is the generic element to define a shape. All the basic shapes can be created with a path element.

Usually, this element is created with:

const path = parentElement.add('path')

It's possible to create it as a disconnected element with gSVG('path') and attach it to the SVG document with .attachTo().

More info: mdn | w3c

.d()

path.d( value )

Set this attribute defines the shape of the path.

• argument: {Array|string} value The d value

• returns: {gSVGObject} The original object

const d = element.d();

Get the d current value.

• returns: {Array|string}

.pathLength()

path.pathLength( length )

Set this attribute lets authors specify the total length for the path, in user units.

• argument: {number} length The path length

• returns: {gSVGObject} The original object

const pathLength = element.pathLength();

Get the pathLength current value.

• returns: {number}

• Parent elements: a | clipPath | defs | g | marker | mask | pattern | svg | switch | symbol.

• Child elements: animate | animateMotion | animateTransform | desc | metadata | mpath | set | title.