HTML canvas globalAlpha properti
Definisi dan Penggunaan
globalAlpha properti menetapkan atau mengembalikan nilai kecerahan pengerajinan (alpha atau kecerahan).
globalAlpha nilai properti mesti berada di antara 0.0angka di antara (sangat transparan) dengan 1.0angka di antara (tidak transparan) dan
Contoh
Pertama, lukis sebuah persegi panjang merah, lalu atur kecerahan (globalAlpha) menjadi 0.2, kemudian lukis 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);
// 调节透明度
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 | 透明值。必须介于 0.0（完全透明） 与 1.0（不透明） 之间。 |
技术细节
| 默认值： | 1.0 |
|---|
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 以及更早的版本不支持 <canvas> 元素。
