Przykład
Tworzenie okręgu:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); Spróbuj sam " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, który w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| arc() | tak | 9,0 | tak | tak | tak |
Definicja i Wykorzystanie
arc() metoda tworzy łuk / krzywa (używany do tworzenia okręgów lub części okręgów).
Wskazówka: Aby utworzyć okrąg z arc() : Ustaw kąt początkowy na 0 i kąt końcowy do 2 * Math.PI.
Wskazówka: Użyj stroke() lub fill() Metoda faktycznie narysować łuk na płótnie.
Centrum
arc (100,75, 50,0 * Math.PI, 1,5 * Math.PI) Zacznij kąt
arc (100,75,50, 0, 1,5 * Math.PI) kąt końcowy
arc (100,75,50,0 * Math.PI, 1,5 * Math.PI) | Składnia JavaScript: | context.arc(x,y,r,sAngle,eAngle,counterclockwise); |
|---|
wartości parametrów
| Parametr | Opis | Graj |
|---|---|---|
| x | Współrzędna x środka okręgu | Graj " |
| y | Y współrzędna środka okręgu | Graj " |
| r | Promień okręgu | Graj " |
| sAngle | Kąt początkowy, w radianach (0 znajduje się w pozycji 3 'zegara kręgu łuku) | Graj " |
| eAngle | Kąt kończąc w radianach | Graj " |
| counterclockwise | Opcjonalny. Określa, czy rysunek powinien być w lewo lub w prawo. Fałsz jest domyślne, i wskazuje w prawo, podczas gdy prawda wskazuje przeciwnie do ruchu wskazówek zegara. | Graj " |