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 browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| arc() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e l'utilizzo
L' arc() metodo crea un arco / curva (used to create circles, or parts of circles) .
Tip: Per creare un cerchio con arc() : Set angolo iniziale a 0 e l'angolo finale di 2 * Math.PI.
Tip: Utilizzare la stroke() o il fill() metodo per disegnare in realtà l'arco sulla tela.
Centro
arc( 100,75 ,50,0*Math.PI,1.5*Math.PI) angolo di partenza
arc(100,75,50, 0 ,1.5*Math.PI) angolo finale
arc(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 è nella posizione 3 del cerchio dell'arco) | Gioca " |
| eAngle | L'angolo finale, in radianti | Gioca " |
| counterclockwise | Opzionale. Specifica se il disegno dovrebbe essere senso orario o antiorario. Falso è predefinita e indica in senso orario, mentre true indica in senso antiorario. | Gioca " |
<Oggetto Tela