Contoh
Pertama, menggambar persegi panjang merah, kemudian mengatur transparansi (globalAlpha) ke 0,5, dan kemudian menggambar biru dan persegi panjang hijau:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Turn transparency on
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | iya nih | 9.0 | iya nih | iya nih | iya nih |
Definisi dan Penggunaan
The globalAlpha set properti atau mengembalikan alpha atau transparansi nilai saat ini dari gambar.
The globalAlpha nilai properti harus berupa angka antara 0.0 (sepenuhnya transparan) dan 1.0 (tidak ada transparansi).
| nilai default: | 1.0 |
|---|---|
| sintaks JavaScript: | context.globalAlpha=number; |
Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| number | Nilai transparansi. Harus berupa angka antara 0.0 (sepenuhnya transparan) dan 1.0 (tidak ada transparansi) | Mainkan " |