Méthode arcTo() de canvas HTML

Définition et utilisation

arcTo() La méthode crée un arc/courbe entre deux tangentes sur le canevas.

Avis :Utilisez stroke() La méthode dessine un arc précis sur le canevas.

Exemple

Créer un arc entre deux tangentes sur le canevas :

Votre navigateur ne prend pas en charge la balise canvas HTML5.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // Créer un point de départ
ctx.lineTo(100,20);          // Créer une ligne horizontale
ctx.arcTo(150,20,150,70,50); // Créer un arc
ctx.lineTo(150,120);         // Créer une ligne verticale
ctx.stroke();                // Effectuer le dessin

Essayez-le vous-même

Syntaxe

context.fillRect(x1,y1,x2,y2,r);

Valeur du paramètre

Paramètres Description
x1 Coordonnée x du point de départ de l'arc.
y1 Coordonnée y du point de départ de l'arc.
x2 Coordonnée x de l'extrémité de l'arc.
y2 Coordonnée y de l'extrémité de l'arc.
r Rayon de l'arc.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.