HTML canvas arc()Método

Ejemplo

Crear un círculo:

JavaScript：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();

Internet Explorer 9, Firefox, Opera, Chrome y Safari admiten el método arc().

Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.

El método arc() crea un arco/curva (para crear círculos o partes de un círculo).

Consejo:Para crear un círculo con arc(), establece el ángulo inicial en 0 y el ángulo final en 2*Math.PI.

Consejo:Usastroke()ofill()el método para dibujar el arco real en el lienzo.

An arc

Centro: arc(100,75,50,0*Math.PI,1.5*Math.PI)

Ángulo inicial: arc(100,75,50,0,1.5*Math.PI)

Ángulo final: arc(100,75,50,0*Math.PI,1.5*Math.PI)

Sintaxis de JavaScript:	context.arc(x,y,r,sAngle,eAngle,counterclockwise);

Parámetro	Descripción
x	La coordenada x del centro del círculo.
y	La coordenada y del centro del círculo.
r	El radio del círculo.
sAngle	El ángulo inicial, en radianes (la posición de las 3 en punto en el círculo del arco es 0 grados).
eAngle	El ángulo final, en radianes.
counterclockwise	Opcional. Especifica si se debe dibujar en sentido antihorario u horario. False = sentido horario, true = sentido antihorario.