tutorial pengembangan web terbaru
 

HTML canvas globalAlpha Propery

<Canvas Object

Contoh

Pertama, menggambar persegi panjang merah, kemudian mengatur transparansi (globalAlpha) ke 0,5, dan kemudian menggambar biru dan persegi panjang hijau:

YourbrowserdoesnotsupporttheHTML5canvastag.

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