Exemple
Créer un cercle:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); Essayez - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| arc() | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
L' arc() méthode crée un arc / courbe (utilisé pour créer des cercles ou des parties de cercles).
Astuce: Pour créer un cercle avec l' arc() : Set start angle à 0 et l' angle final à 2 * Math.PI.
Astuce: Utilisez la stroke() ou le fill() méthode pour dessiner effectivement l'arc sur la toile.
centre
arc (100,75, 50,0 * Math.PI, 1,5 * Math.PI) angle de départ
arc (100,75,50, 0, 1,5 * Math.PI) Angle final
arc (100,75,50,0 * Math.PI, 1,5 * Math.PI) | Syntaxe JavaScript: | context.arc(x,y,r,sAngle,eAngle,counterclockwise); |
|---|
Paramètre valeurs
| Paramètre | La description | Joue-le |
|---|---|---|
| x | La coordonnée x du centre du cercle | Joue-le " |
| y | La coordonnée y du centre du cercle | Joue-le " |
| r | Le rayon du cercle | Joue-le " |
| sAngle | L'angle de départ, en radians (0 est à la position 3 heures du cercle de l'arc) | Joue-le " |
| eAngle | Angle de fin, en radians | Joue-le " |
| counterclockwise | Optionnel. Indique si le dessin doit être à gauche ou à droite. Faux est par défaut, et indique dans le sens horaire, tandis que true indique le sens antihoraire. | Joue-le " |