Canvas globalAlpha 屬性
定義和用法
globalAlpha 屬性設置或返回繪圖的當前透明值（alpha 或 transparency）。
globalAlpha 屬性值必須介於 0.0（完全透明）與 1.0（不透明）之間的數字。
範例
首先，繪製一個紅色的矩形，然後將透明度(globalAlpha)設置為0.2，再繪製一個綠色和一個藍色的矩形：
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>
