Метод arc

Рисует дугу.

Синтаксис

arc(centerX, centerY, radius, startingAngle, endingAngle, antiClockwise)

Параметры

• centerX, centerY — координаты центра дуги;
• radius — величина радиуса;
• startingAngle, endingAngle — начало и окончание дуги. Значения задаются в радианах;
• antiClockwise — направление соединения точек начал и конца дуги: по часовой стрелки или против. По умолчанию значение равно false — рисуем по часовой стрелке. Значение true — против часовой.

Дуга отобразится после вызова метода stroke(). Цвет дуги определяет свойство strokeStyle, толщину линии — lineWidth.

Пример

 var centerX = 288,
	centerY = 160,
	radius = 75,
	startingAngle = 1.1 * Math.PI,
	endingAngle = 1.9 * Math.PI,
	counterclockwise = false;
 
    context.arc(centerX, centerY, radius, startingAngle, endingAngle, counterclockwise);
 
    context.lineWidth = 15;
    context.strokeStyle = "black";
    context.stroke();

В живую.