HTML canvas globalAlpha 属性
实例
先画一个红色矩形，然后设置透明度（globalAlpha）为0.5，再画一个蓝色和一个绿色矩形:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 75, 50);
// Turn transparency on
ctx.globalAlpha = 0.2;
ctx.fillStyle = "blue";
ctx.fillRect(50, 50, 75, 50);
ctx.fillStyle = "green";
ctx.fillRect(80, 80, 75, 50);
亲自试一试 »
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| globalAlpha | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定义和用法
globalAlpha 属性设置或返回绘图的当前 alpha 或透明度值。
globalAlpha 属性值必须是介于 0.0（完全透明）和 1.0（不透明）之间的数字。
| 默认值: | 1.0 |
|---|---|
| JavaScript 语法: | context.globalAlpha = number; |
属性值
| 值 | 描述 | Play it |
|---|---|---|
| number | 透明度值。 必须是介于 0.0（完全透明）和 1.0（不透明）之间的数字 | Play it » |
❮ Canvas 对象
