HTML5 Canvas Basic Drawing Graphic Combination

<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.

Combinaison graphique:

• GlobalPha: définissez ou renvoyez l'alpha actuel ou la valeur transparente du dessin

Cette méthode consiste principalement à définir la transparence des graphiques, qui n'est pas décrite en détail ici.

• GlobalComposite Operation: Définissez ou renvoyez la nouvelle image sur la façon de le dessiner vers les images existantes.

Ce qui suit est un petit exemple.

Code XML / HTML Copier le contenu dans le presse-papiers