SVG

SVG Canvas

<svg>
</svg>

Shapes

<circle></circle>
<rect></rect>
<ellipse></ellipse>
<path>

Paths

absolute coordinates

M x,y
L x,y
H x
V y
Z

C dx1,dy1, dx2,dy2, x2,y2
S dx2,dy2, x2,y2
S handle-x handle-y target-x target-y

Q dx,dy, x2,y2
T x2,y2

A rx,ry, cycle,largeArc,sweep, x2,y2

relative

m
l, v, h
z
c, s
q, t
a

Clip Path

Mask

Gradient

Foreign Object