Canvas globalAlpha 属性

Canvas-referencehandbok

定义和用法

globalAlpha 属性设置或返回绘图的当前透明值（alpha 或 transparency）。

globalAlpha 属性值必须是介于 0.0mellom (fullt genomskinlig) och 1.0mellom (olåten) och

Exempel

Först, rita en röd rektangel, sedan ställ in transparensen (globalAlpha) till 0.2 och rita sedan en grön och en blå rektangel:

Din webbläsare stöder inte canvas-taggen.

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 Genomskinlighet. Måste vara mellan 0.0 (helt genomskinlig) och 1.0 (inte genomskinlig).

Tekniska detaljer

Standardvärde: 1.0

Webbläsarstöd

Tal i tabellen anger den första webbläsarversionen som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.

Canvas-referencehandbok