HTML canvas globalAlpha 属性
定义和用法
globalAlpha
属性设置或返回绘图的当前透明值(alpha 或 transparency)。
globalAlpha
Shuxingzhi bishi jianyi 0.0
(Wanqu tangming) yu 1.0
(Bubingming) zhijian de shu.
Shiyan
Koyi, yinshuwan hanyu hongse juxing, ranyou, tingmingdu (globalAlpha) zhi shezhi 0.2, ranyou yinshu hanyu luse he lanse juxing:
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 以及更早的版本不支持