Properti globalAlpha Canvas
Definisi dan Penggunaan
globalAlpha properti menetapkan atau mengembalikan nilai kecerahan (alpha atau transparansi) gambaran saat ini.
globalAlpha nilai properti harus berada di antara 0.0antara (sangat transparan) dan 1.0antara (tidak transparan) dan angka.
Contoh
Mulai dengan menggambar sebuah persegi panjang merah, lalu atur kecerahan (globalAlpha) menjadi 0.2, dan lalu gambar lagi persegi panjang hijau dan biru:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// 调节透明度
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
语法
context.globalAlpha=number;
属性值
| 值 | 描述 |
|---|---|
| number | Nilai Transparansi. Harus berada di antara 0.0 (sangat transparan) dan 1.0 (tidak transparan). |
Detil Teknologi
| Nilai Default: | 1.0 |
|---|
Dukungan Browser
Angka di tabel menunjukkan versi browser pertama yang mendukung sifat ini penuh.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.
