Transparansi Objek pada Canvas HTML5

Pada kesempatan kali ini saya akan membuat sebuah objek menjadi transparan pada canvas HTML5. Dalam canvas kita dapat mengatur tingkat transparansi objek yang akan kita gambarkan dengan mengubah nilai alpha-nya. Pada canvas HTML 5 fungsi untuk merubah nilai transparan suatu objek adalah globalAlpha. globalAlpha dapat mengambil nilai 0,0 sampai 1,0 dimana sebuah nilai yang lebih rendah membuat elemen lebih transparan.

oke langsung saja kita buat elemen canvasnya dengan id = "mycanvas"

buat tag script dan masukkan perintah berikut

Hasil dari perubahan nilai alpha:

globalAlpha = 0.5 fungsi dari perintah tersebut membuat objek menjadi transparan.
mudah bukan ? Semoga Bermanfaat .