Exemplu
Creați un cerc:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.
| Metodă | |||||
|---|---|---|---|---|---|
| arc() | da | 9 | da | da | da |
Definiție și utilizare
arc() metoda creează un arc / curba (used to create circles, or parts of circles) .
Tip: Pentru a crea un cerc cu arc() : Set Unghi de start la 0 și unghiul de capăt 2 * Math.PI.
Tip: Folosiți stroke() sau fill() metoda de a desena arcul pe panza.
Centru
arc( 100,75 ,50,0*Math.PI,1.5*Math.PI) unghi de start
arc(100,75,50, 0 ,1.5*Math.PI) unghiul final
arc(100,75,50,0*Math.PI, 1.5*Math.PI ) | sintaxa JavaScript: | context . arc( x,y,r,sAngle,eAngle,counterclockwise ) ; |
|---|
Valorile parametrilor
| Parametru | Descriere | Joaca-l |
|---|---|---|
| x | X coordonata centrului cercului | Joaca - l » |
| y | Y-coordonata centrului cercului | Joaca - l » |
| r | Raza cercului | Joaca - l » |
| sAngle | Unghiul de pornire, în radiani (0 este în poziția orei 3 cercului arcului) | Joaca - l » |
| eAngle | Unghiul care se încheie, în radiani | Joaca - l » |
| counterclockwise | Opțional. Specifică dacă desenul trebuie să fie invers acelor de ceasornic sau în sens orar. Fals este implicit, și indică sensul acelor de ceasornic, în timp ce indică adevărat în sens antiorar. | Joaca - l » |