Метод HTML canvas arc()Method

Пример

Создание круга:

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 и Safari поддерживают метод arc().

Примечание:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.

Метод arc() создает дугу/кривую (используется для создания круга или части круга).

Совет:Чтобы создать круг с помощью arc(), установите начальный угол равным 0, а конечный угол — 2*Math.PI.

Совет:Пожалуйста, используйтеstroke()илиfill()метод, чтобы нарисовать фактическую дугу на canvas.

An arc

Центр: arc(100,75,50,0*Math.PI,1.5*Math.PI)

Начальный угол: arc(100,75,50,0,1.5*Math.PI)

Конечный угол: arc(100,75,50,0*Math.PI,1.5*Math.PI)

Синтаксис JavaScript:	context.arc(x,y,r,sAngle,eAngle,counterclockwise);

Параметр	Описание
x	x-координата центра окружности.
y	y-координата центра окружности.
r	Радиус окружности.
sAngle	Начальный угол в радианах (положение 3 часа на окружности дуги соответствует 0 градусам).
eAngle	Конечный угол в радианах.
против часовой стрелки	Необязательно. Указывает, рисовать против часовой стрелки или по часовой стрелке. False = по часовой стрелке, true = против часовой стрелки.