Canvas globalAlpha 屬性
示例
繪製一個紅色矩形。將透明度（globalAlpha）設定為 0.5。然後繪製一個藍色和綠色的矩形
JavaScript
const canvas = document.getElementById("myCanvas");
const ctx = canvas.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);
自己動手試一試 »
描述
globalAlpha 屬性設定或返回上下文的透明度值。
globalAlpha 屬性值必須是一個介於 0.0（完全透明）和 1.0（預設值。無透明度）之間的數字。
語法
| context.globalAlpha = number |
屬性值
| 值 | 描述 | 試一試 |
|---|---|---|
| 數字 | 透明度 0.0 = 完全透明 1.0 = 無透明度 |
試一試 » |
瀏覽器支援
<canvas> 元素是 HTML5 標準（2014）。
globalAplha 在所有現代瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 參考
