Home Menu

PATH

The path element defines the path including a d property specifing the path data. The path data contains the moveto, lineto, curveto (both cubic and quadratic Béziers), arc and closepath instructions.

SYNTAX

<path attribute-name="attribute-value"/>
NAME VALUE INITIAL DESCRIPTION
d svg-path none Defines the outline of the shape.
pathLength <number> none Defines the total length of the path in user units.

EXAMPLES

D | L | ABSOLUTE

D | L | RELATIVE

D | H V | ABSOLUTE

D | H V | RELATIVE

D | C | ABSOLUTE

D | C | RELATIVE

D | Q | ABSOLUTE

D | Q | RELATIVE

D | A | ABSOLUTE

D | A | RELATIVE

PATHLENGTH

INTERNAL

image

text

textPath

tspan

EXTERNAL

World Wide Web Consortium (W3C)