HTML5 Canvas Basic Zeichnung Grafikkombination

<Canvas> </canvas> ist nur eine Container -Grafik. Es gibt drei Schritte zum Zeichnen auf den <Canvas >> Elementen:

1. Holen Sie sich das DOM -Objekt, das dem <Canvas> -Element entspricht, ein Canvas -Objekt;

2. Rufen Sie die GetContext () -Methode des Canvas -Objekts auf, um ein CanvasrenderingContext2D -Objekt zu erhalten.

3. Rufen Sie das CanvasrenderingContext2D -Objekt zum Zeichnen auf.

Grafikkombination:

• GlobalPHA: Setzen oder geben Sie den aktuellen Alpha- oder transparenten Wert der Zeichnung ein oder geben Sie sie zurück

Diese Methode dient hauptsächlich dazu, die Transparenz der Grafik festzulegen, die hier nicht ausführlich beschrieben wird.

• GlobalCompositeoperation: Setzen oder geben Sie das neue Bild an die vorhandenen Bilder ein oder haben Sie die folgenden Attributwerte:

Das Folgende ist ein kleines Beispiel.

XML/HTML -Code -Inhalt in die Zwischenablage kopieren