canvas est une balise utilisée pour afficher les effets de dessin. Elle est similaire à img et est un élément de bloc en ligne.

La même page peut avoir plusieurs balises de canevas

Le canevas est par défaut de 300*150. Pour définir la largeur et la hauteur du canevas, vous devez utiliser les attributs de l'élément canevas.

Après avoir obtenu la balise canvas dans js, vous devez l'utiliser pour ouvrir le canevas afin de dessiner des graphiques.

1. Déplacez d’abord le stylo vers la position spécifiée

2. Commencez à tracer des lignes

3. Chemin de course

Le stylet se déplace vers la position spécifiée (point de départ)

tracer un chemin

Chemin de course

Définir la couleur du trait

Définir la largeur de la ligne

chemin fermé

Effacer le chemin actuel et ouvrir un nouveau chemin

remplissage

la couleur de remplissage

* permet de déterminer quelles zones appartiennent au chemin (si le résultat du calcul est différent de 0, cela signifie qu'il est dans le chemin). * Dans la zone entourée par le chemin, trouvez un point aléatoire et émettez un rayon vers l'extérieur. * coupe tous les bords qui l'entourent, * Puis démarrez un compteur, en comptant à partir de 0, * Si ce rayon rencontre un contour dans le sens des aiguilles d'une montre, alors 1, * Si vous rencontrez un environnement dans le sens inverse des aiguilles d'une montre, alors -1, * Si la valeur finale est différente de zéro, alors cette zone se trouve dans le chemin. * * Remarque : La zone du bord cardinal doit être située à l'intérieur du chemin.