arc

Автор: Евгений Рыжков Дата публикации: 12.10.2011
Последнее обновление: 01.01.1970

Рисует дугу.

Синтаксис

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

Параметры

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

Дуга отобразится после вызова метода 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();

В живую.