Properti globalAlpha HTML canvas
Definisi dan Penggunaan
globalAlpha properti mengatur atau mengembalikan nilai kecerahan pengerajian saat ini (alpha atau kecerahan).
globalAlpha nilai properti harus berada diantara 0.0yang (sangat transparan) dengan 1.0angka antara (tidak transparan) dan
Contoh
Mulai dengan menggambar sebuah persegi panjang merah, lalu atur kecerahan (globalAlpha) menjadi 0.2, kemudian gambar sebuah 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);
// Penyesuaian Transparansi
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Sintaks
konteks.globalAlpha=number;
Nilai Atribut
| Nilai | Deskripsi |
|---|---|
| number | Nilai Transparansi. Harus diantara 0.0 (transparan penuh) dan 1.0 (tidak transparan). |
Detil Teknologi
| Nilai Default: | 1.0 |
|---|
Dukungan Browser
Angka di tabel menandai versi browser pertama yang mendukung atribut ini.
| 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 yang lebih awal tidak mendukung elemen <canvas>.
