Esempio
Creare un cerchio:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); Prova tu stesso " Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| metodo | |||||
|---|---|---|---|---|---|
| arc() | sì | 9.0 | sì | sì | sì |
Definizione e utilizzo
L' arc() metodo crea un arco / curva (utilizzato per creare cerchi, o parti di cerchi).
Suggerimento: per creare un cerchio con arc() : Set angolo iniziale a 0 e l'angolo finale di 2 * Math.PI.
Suggerimento: Utilizzare la stroke() o il fill() metodo per disegnare in realtà l'arco sulla tela.
Centro
arco (100,75, 50,0 * Math.PI, 1.5 * Math.PI) angolo di partenza
arco (100,75,50, 0, 1.5 * Math.PI) angolo finale
arco (100,75,50,0 * Math.PI, 1.5 * Math.PI) | sintassi JavaScript: | context.arc(x,y,r,sAngle,eAngle,counterclockwise); |
|---|
valori dei parametri
| Parametro | Descrizione | Gioca |
|---|---|---|
| x | La coordinata x del centro del cerchio | Gioca " |
| y | La coordinata y del centro del cerchio | Gioca " |
| r | Il raggio del cerchio | Gioca " |
| sAngle | L'angolo di partenza, in radianti (0 è in posizione ore 3 del cerchio dell'arco) | Gioca " |
| eAngle | L'angolo che termina, in radianti | Gioca " |
| counterclockwise | Facoltativo. Specifica se il disegno dovrebbe essere senso orario o antiorario. False è predefinita e indica in senso orario, mentre il vero indica in senso antiorario. | Gioca " |