Connaissances de base sur Canvas

context : context est un objet qui encapsule de nombreuses fonctions de dessin. La méthode pour obtenir cet objet est var context =canvas.getContext("2d");

Peut-être que cette 2d a éveillé l'imagination de tout le monde, mais moi j'ai le regret de vous dire que HTML5 ne fournit pas de services 3D.

Il existe deux méthodes pour dessiner des images avec des éléments de canevas, à savoir

context.fill()//Fill

context.Stroke()//Dessinez la bordure

style : Avant de dessiner des graphiques, définissez le style de dessin

context.fillStyle//Style rempli

context.StrokeStyle//Style de bordure

context.lineWidth//Largeur de la bordure graphique

Représentation des couleurs :

Utilisez directement le nom de la couleur : "rouge" "vert" "bleu"

Hexadécimal Valeur de couleur personnalisée : "#EEEEFF"

rgb(1-255,1-255,1-255)

rgba(1-255,1-255,1-255, transparence)

C'est tellement similaire à GDI, donc les amis qui ont utilisé GDI devraient pouvoir commencer rapidement