path

osbo.com | SVG | Elements | path

The path SVG element specifies a shape.

Specifies the shape of a path element.

The path data contains the moveto, lineto, curveto (cubic and quadratic Béziers), arc, and closepath instructions.

none | <string>

none

Specifies the total length of the path in user units.

<number>

(none)

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <path d="none"/> </svg>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 48 48"> <path d="M24,0 A24,24,0,0,1,24,48 A24,24,0,0,1,24,0 M16,12 A4,4,0,0,0,16,20 A4,4,0,0,0,16,12 M32,12 A4,4,0,0,0,32,20 A4,4,0,0,0,32,12 M8,24 A16,16,0,0,0,40,24 V28 H8"/> </svg> </svg>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="-10 -10 120 120"> <style> path { stroke: red; stroke-dasharray: 1; stroke-width: 10; } </style> <path d="M50,0 A50,50,0,0,1,50,100 A50,50,0,0,1,50,0" pathLength="10"/> </svg> </svg>

World Wide Web Consortium (W3C)