Curva HTML Canvas
- Pagina Precedente Cerchio Canvas
- Pagina Successiva Gradiente Canvas
Esempio
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
Metodo arc()
L'arco è una parte del cerchio, definita anche dalle coordinate del centro e dal raggio:
Canvas Disegna l'arco
Usa il percorso del canvas per disegnare l'arco:
| Metodo | Descrizione | Disegna |
|---|---|---|
| beginPath() | Inizia un percorso. | No |
| arc() | Definisci la curva. | No |
| stroke() | Fai un grafico. | Sì |
Per disegnare un cerchio sul canvas, utilizzare i seguenti metodi:
- beginPath() - Inizia il percorso
- arc(x,y,r,start,end) - Definisce il cerchio
- stroke() - Disegna
arc(x,y,r,start,end) - Crea un arco (curva).
Per creare un cerchio, imposta l'angolo di inizio a 0 e l'angolo di fine a 2 * Math.PI.
I parametri 'x' e 'y' definiscono le coordinate del centro del cerchio.
Il parametro 'r' definisce il raggio del cerchio.
Vedi anche:
- Pagina Precedente Cerchio Canvas
- Pagina Successiva Gradiente Canvas
