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);
自己试一试 »
描述
The globalAlpha 属性设置或返回上下文的透明度值。
The globalAlpha 属性值必须是一个介于 0.0（完全透明）和 1.0（默认值，无透明度）之间的数字。
语法
| context.globalAlpha = number |
属性值
| 值 | 描述 | 播放 |
|---|---|---|
| number | 透明度 0.0 = 全透明 1.0 = 无透明度 |
播放 » |
浏览器支持
The <canvas> 元素是 HTML5 标准 (2014)。
globalAplha 在所有现代浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ Canvas 参考
