Notes d'étude préliminaires de Html5 Canvas (5) -État du dessin

Dans l'article précédent, nous avons mentionné certaines valeurs d'état du dessin, telles que la largeur et la couleur des lignes. Dans le Canvas de Html5, l'état de dessin fait référence à l'ensemble du rendu 2d Apparence du contexte Propriétés, notamment la couleur du contour du dessin, la couleur de remplissage, la largeur de ligne, la matrice de transformation, la zone de découpage, etc. J'introduirai plus de valeurs de statut dans les prochains articles. Cet article explique principalement des exemples d'état de sauvegarde et d'état de restauration, et explique la structure de cette pile.

Regardez d'abord l'exemple suivant : 🎜>Juste un exemple simple d'accès à l'état de dessin. Le processus, le code est le suivant :

L'état est enregistré via la phrase

context.save();

Pour stocker l'état actuel, enregistrez l'état actuel dans un état de pile. l'état

rouge

dans la pile, puis stockez

vert Quand , vert est au-dessus du rouge, de sorte que lorsque l'état sera restauré, context.restore(); renverra l'état au en haut de la pile. Comme le montre l'image, le premier affiché par est vert, et le statut de la fenêtre contextuelle ne sera plus enregistré. En résumé, enregistrer et restaurer sont équivalents au push et pop méthodes dans la pile. Ce qui précède est le contenu des notes d'étude préliminaires de Html5 Canvas (5) - état du dessin. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !