- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-02 13:27:38
globalAlpha属性指定在绘制到画布上之前应用于形状和图像的alpha（透明度）值。
Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 globalAlpha 属性。
注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。
ctx .globalAlpha = value ;
| 属性 | 描述 |
| value | 介于0.0（完全透明）和1.0（完全不透明）之间的数字，包括在内。默认值为1.0。超出该范围的值（包括Infinity和NaN）将不会设置，globalAlpha并将保留其先前的值。 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>0133技术站</title>
</head>
<body>
<canvas id="canvas"></canvas>
<script>
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
ctx.globalAlpha = 0.5;
ctx.fillStyle = 'blue';
ctx.fillRect(10, 10, 100, 100);
ctx.fillStyle = 'red';
ctx.fillRect(50, 50, 100, 100);
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册