Metodo HTML canvas arcTo()
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); // 创建开始点
ctx.lineTo(100,20); // 创建水平线
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 | Coordenata x del punto di partenza dell'arco. |
| y1 | Coordenata y del punto di partenza dell'arco. |
| x2 | Coordenata x del punto finale dell'arco. |
| y2 | Coordenata y del punto finale dell'arco. |
| r | Raggio dell'arco. |
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta per la prima volta questa proprietà.
| 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>.
