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