HTML5 Canvas Tutorial5 - Arcs

Methods

beginPath():begins a path

arc(centerX, centerY, radius, startingAngle, endingAngle, counterclockwise):

• draws an arc which is centered at (x, y) position

• radius r starting at startAngle and ending at endAngle

• anticlockwise (defaulting to clockwise)

stroke():draws the path on the canvas

Demo1

Try this code

---

Demo2

Try this code