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.
| Milik | |||||
|---|---|---|---|---|---|
| globalAlpha | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definisi dan Penggunaan
The globalAlpha set properti atau mengembalikan alpha atau transparansi nilai saat ini dari gambar.
The globalAlpha nilai properti harus angka antara 0,0 (sepenuhnya transparan) dan 1,0 (no transparancy) .
| nilai default: | 1.0 |
|---|---|
| sintaks JavaScript: | context .globalAlpha= number ; |
Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| number | Nilai transparansi. Harus angka antara 0,0 (sepenuhnya transparan) dan 1,0 (no transparancy) | Mainkan " |
<Canvas Object