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