пример
Создайте круг:
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() | 4,0 | 9,0 | 3,6 | 4,0 | 10,1 |
Определение и использование
arc() метод создает дугу / кривой (used to create circles, or parts of circles) .
Tip: Для того, чтобы создать круг с arc() : Установить начальный угол до 0 и конечный угол 2 * Math.PI.
Tip: Используйте stroke() или fill() метод на самом деле нарисовать дугу на холсте.
Центр
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 | Х-координата центра окружности | Сыграй " |
| y | У-координата центра окружности | Сыграй " |
| r | Радиус окружности | Сыграй " |
| sAngle | Начальный угол, в радианах (0 находится в положении 3 часа окружности дуги) | Сыграй " |
| eAngle | Конечный угол, в радианах | Сыграй " |
| counterclockwise | Необязательный. Указывает, должен ли рисунок против часовой стрелки или по часовой стрелке. Ложные по умолчанию, и указывает, по часовой стрелке, в то время как верно указывает на то против часовой стрелки. | Сыграй " |
<Холст объекта