使用 globalAlpha 更改不透明度

context.globalAlpha=0.50

你可以通过将 globalAlpha 设置为介于 0.00(完全透明)和 1.00(完全不透明)之间的值来更改新图形的不透明度。

默认的 globalAlpha 是 1.00(完全不透明)。

现有图纸不受 globalAlpha 的影响。

// draw an opaque rectangle
context.fillRect(10,10,50,50);

// change alpha to 50% -- all new drawings will have 50% opacity
context.globalAlpha=0.50;

// draw a semi-transparent rectangle
context.fillRect(100,10,50,50);