MENU

Line Drawing

moveTo(x,y) 'lifts up the pen' and moves to (x,y), without drawing anything.

lineTo(x,y) draws a straight line to (x,y).

arcTo(x1,y1,x2,y2,r) draws a circular arc with radius r, just touching the tangents formed by joining (x0,y0)-(x1,y1) and (x1,y1)-(x2,y2), where (x0,y0) represents the current point.

quadraticCurveTo(cpx,cpy,x,y) draws a quadratic Bezier curve to (x,y), using (cpx,cpy) as the control point.

bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y) draws a Bezier curve to (x,y), using (cp1x,cp1y) and (cp2x,cp2y) as the control points.

closePath() draws a straight line back to the starting point.