Canvas globalAlpha 属性

Canvas referencer

定义和用法

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

globalAlpha 属性值必须介于 0.0(fuldstændig gennemsigtig) og 1.0mellem (ugennemsigtig) og

Eksempel

Først, tegn en rød rektangel, og sæt så gennemsigtigheden (globalAlpha) til 0.2, og tegn derefter grøn og blå rektangler:

Din browser understøtter ikke canvas-mærket.

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 Gennemsigtigheds værdi. Den skal være mellem 0.0 (fuldstændig gennemsigtig) og 1.0 (ugennemsigtig).

Tekniske detaljer

Standardværdi: 1.0

Browserstøtte

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.

Canvas referencer