Metodo arcTo() del Canvas
Definizione e uso
arcTo() Il metodo crea un arco/curva tra due tangenti sulla galleria.
Suggerimento:Usa stroke() Il metodo disegna un arco esatto sulla galleria.
Esempio
Crea un arco tra due tangenti sulla galleria:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20); // Crea il punto di inizio
ctx.lineTo(100,20); // Crea una linea orizzontale
ctx.arcTo(150,20,150,70,50); // Crea un arco
ctx.lineTo(150,120); // Crea una linea verticale
ctx.stroke(); // Esegui il disegno
Sintassi
context.fillRect(x1,y1,x2,y2,r);
Valore del parametro
| Parametro | Descrizione |
|---|---|
| x1 | Coordinate x dell'inizio dell'arco |
| y1 | Coordinate y dell'inizio dell'arco |
| x2 | Coordinate x della fine dell'arco |
| y2 | Coordinate y del punto finale dell'arco |
| r | Raggio dell'arco |
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.
