méthode toile HTML arcTo ()
Exemples
Sur la toile pour créer un arc entre deux tangentes entre:
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
Essayez »
support du navigateur
méthode Internet Explorer 9, le support de Firefox, Chrome et Safari arcTo ().
Remarque: Opera ne supporte pas la méthode arcTo ().
Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
méthode arcTo () crée entre l'arc / courbe entre deux tangentes sur la toile.
Astuce: Utilisez la course () méthode pour dessiner des arcs précis sur la toile.
| Syntaxe JavaScript: | .arcTo contexte (x1, y1, x2, y2, R); |
|---|
Paramètre Valeur
| 参数 | 描述 |
|---|---|
| x1 | 弧的起点的 x 坐标。 |
| y1 | 弧的起点的 y 坐标。 |
| x2 | 弧的终点的 x 坐标。 |
| y2 | 弧的终点的 y 坐标。 |
| r | 弧的半径。 |