HTML canvas arc() Method
Example
let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(75, 75, 50, 0, 2 * Math.PI);
ctx.stroke();
Meaning
The arc() method creates an arc/curve used to create circles, or parts of circles.
Standard Syntax
JavaScript syntax:
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
Advertisement
Parameter Values
| Parameter | Description |
|---|---|
| x | Specifies the x-coordinate of the center of the circle. |
| y | Specifies the y-coordinate of the center of the circle. |
| r | Specifies the radius of the circle. |
| sAngle | Specifies the starting angle, in radians 0 is at the 3 o'clock position of the arc's circle. |
| eAngle | Specifies the ending angle, in radians. |
| counterclockwise | Specifies whether the drawing should be counterclockwise or clockwise. (Optional) False is default, and indicates clockwise, while true indicates counter-clockwise. |