HTML5 Canvas Basic Drawing Curve

<Contimerie est une étiquette nouvellement ajoutée dans HTML5 pour dessiner des graphiques. Contrôlez l'objet pour le dessin.

<HEAUVAS> </AUVVAS> est juste un graphique dessiné en conteneur. Il y a trois étapes à dessiner sur les éléments <Canvas>>:

1. Obtenez l'objet Dom correspondant à l'élément <lebvas>, qui est un objet Canvas;

2. Appelez la méthode getContext () de l'objet Canvas pour obtenir un objet CanvasRenderingContext2d;

3. Appelez l'objet CanvasRenderingContext2d pour le dessin.

Tracer la courbe

Il y a quatre fonctions avec la courbe de dessin, qui sont:

• context.arc (x, y, r, sangle, eANgle, dans le sens antihoraire); utilisé pour créer des arc / courbes (utilisés pour créer des cercles ou des cercles partiels). Recevoir Signification du paramètre:

| Paramètres |

| --- |: --- |

| x | La coordonnée x du centre du cercle |

| Y | Le centre du centre du cercle |

| R | Le rayon du cercle |

| Sangle | Angle de départ, avec le compteur d'arc (la position à trois points de l'arc est de 0 degrés) |

| Eangle | Angle de fin, avec compteur d'arc |

| Countclockwise | Il doit être peint dans le sens inverse ou dans le sens des aiguilles d'une montre. False = dans le sens horaire, true = dans le sens antihoraire |

Vous trouverez ci-dessous plusieurs exemples de plusieurs fonctions arc ():

JavaScript Code Copier le contenu dans le presse-papiers