path

A path represents an outline of a shape as a series of connected lines and curves. A path is an extension of a polygon that can be stroked and filled. Paths are the most versatile and common elements in an SVG file. You can even create compound paths, which are paths with multiple sub-paths. Path elements are specified with the following attributes:

Attribute Description

Attribute	Description
`d`	A list of path commands. Note Uppercase path commands use absolute coordinates, and lowercase commands use relative coordinates. All coordinates are in the current user coordinate system.
`transform`	See Transformations. This attribute is applied to an element before any other coordinate or length values supplied for that element are processed.

d

A list of path commands.

Note Uppercase path commands use absolute coordinates, and lowercase commands use relative coordinates. All coordinates are in the current user coordinate system.

transform See Transformations. This attribute is applied to an element before any other coordinate or length values supplied for that element are processed.

Example:

Copy

<path d="M 100 100 L 300 100 L 200 300 z" style="fill:red;stroke:blue;stroke-width:3" />