Metodo canvas HTML arcTo ()
HTML Manuale di tela di riferimento
Esempi
Sulla tela per creare un arco tra due tangenti tra:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
Prova »
Supporto per il browser
metodo di Internet Explorer 9, il supporto per Firefox, Chrome e Safari arcTo ().
Nota: Opera non supporta il metodo arcTo ().
Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.
Definizione e utilizzo
Metodo arcTo () crea tra arco / curva tra due tangenti sulla tela.
Suggerimento: Utilizzare la corsa () metodo per disegnare archi precisi sulla tela.
| sintassi JavaScript: | contesto .arcTo (x1, y1, x2, y2, r); |
|---|
Valore parametro
| 参数 | 描述 |
|---|---|
| x1 | 弧的起点的 x 坐标。 |
| y1 | 弧的起点的 y 坐标。 |
| x2 | 弧的终点的 x 坐标。 |
| y2 | 弧的终点的 y 坐标。 |
| r | 弧的半径。 |
HTML Manuale di tela di riferimento