HTML kanvas globalAlpha Property
Contoh
Pertama, gambar persegi panjang merah, lalu atur transparansi (globalAlpha) menjadi 0,5, lalu gambar persegi panjang biru dan 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);
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | Yes | 9.0 | Yes | Yes | Yes |
Definisi dan Penggunaan
Properti globalAlpha menyetel atau mengembalikan nilai alfa atau transparansi gambar saat ini.
Nilai properti globalAlpha harus berupa angka antara 0,0 (transparan penuh) dan 1,0 (tanpa transparansi).
| Nilai bawaan: | 1.0 |
|---|---|
| Sintaks JavaScript: | konteks .globalAlpha= angka ; |
Nilai properti
| Value | Description | Play it |
|---|---|---|
| number | The transparency value. Must be a number between 0.0 (fully transparent) and 1.0 (no transparancy) |
Referensi Kanvas HTML