使用 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);