HTML5 Canvas Basic Drawing Combination

<Canvas> </ Canvas> hanyalah grafik yang digambar wadah. Ada tiga langkah untuk menggambar pada elemen <Canvas>>:

1. Dapatkan objek DOM yang sesuai dengan elemen <an Canvas>, yang merupakan objek kanvas;

2. Hubungi metode getContext () objek Canvas untuk mendapatkan objek CanvasrendingContext2D;

3. Hubungi objek CanvasrenderCerContext2D untuk menggambar.

Kombinasi grafis:

• Globalpha: Tetapkan atau kembalikan nilai alfa atau transparan saat ini dari gambar

Metode ini terutama untuk mengatur transparansi grafik, yang tidak dijelaskan secara rinci di sini.

• GlobalCompositeOperation: Atur atau kembalikan gambar baru ke cara menggambarnya ke gambar yang ada.

Berikut ini adalah contoh kecil.

Kode XML/HTML Salin konten ke clipboard