пример
Создайте круг:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); Попробуй сам " Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает метод.
| метод | |||||
|---|---|---|---|---|---|
| arc() | да | 9.0 | да | да | да |
Определение и использование
arc() метод создает дугу / кривую (используется для создания кругов, или части окружностей).
Совет: Для того, чтобы создать круг с arc() : Установить начальный угол до 0 и конечный угол 2 * Math.PI.
Совет: Используйте stroke() или fill() метод на самом деле нарисовать дугу на холсте.
Центр
дуга (100,75, 50,0 * Math.PI, 1,5 * Math.PI) Начальный угол
дуга (100,75,50, 0, 1,5 * Math.PI) Конечный угол
дуга (100,75,50,0 * Math.PI, 1,5 * Math.PI) | Синтаксис JavaScript: | context.arc(x,y,r,sAngle,eAngle,counterclockwise); |
|---|
Значения параметров
| параметр | Описание | Сыграй |
|---|---|---|
| x | Х-координата центра окружности | Сыграй " |
| y | Y-координата центра окружности | Сыграй " |
| r | Радиус окружности | Сыграй " |
| sAngle | Начальный угол, в радианах (0 находится в положении 3 часа окружности дуги) | Сыграй " |
| eAngle | Конечный угол, в радианах | Сыграй " |
| counterclockwise | Необязательный. Определяет, должен ли рисунок против часовой стрелки или по часовой стрелке. Ложные по умолчанию, и указывает на то по часовой стрелке, в то время как верно указывает на то против часовой стрелки. | Сыграй " |