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 vous - même » Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| arc() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
L' arc() méthode crée un arc / courbe (used to create circles, or parts of circles) des (used to create circles, or parts of circles) des (used to create circles, or parts of circles) .
Tip: Pour créer un cercle avec l' arc() : Réglez l' angle commence à 0 et l' angle final à 2 * Math.PI..
Tip: Utilisez la stroke() ou le fill() méthode pour dessiner réellement 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 ) - arc( x,y,r,sAngle,eAngle,counterclockwise ) ; |
|---|
Les valeurs des paramètres
| 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 " |
<Canvas objet