在html5畫布上繪制形狀時，可以設置如何將繪制的內(nèi)容與畫布上已繪制的內(nèi)容進行合成。本文介紹如何將繪畫內(nèi)容與畫布上已有的內(nèi)容混合在一起.

畫布合成

2D上下文具有兩個屬性，這些屬性控制畫布的合成模式。這些是:

globalAlpha
globalCompositeOperation

globalAlpha

該globalAlpha屬性確定繪制內(nèi)容的透明度/不透明度。它可以取0到1之間的值。0表示您繪制的內(nèi)容是完全透明的。值為0.5表示繪制的內(nèi)容是半透明的。值為1表示您繪制的內(nèi)容是完全不透明的。預設值為1。
該globalAlpha屬性設置如下:

context.globalAlpha = 0.5;

globalCompositeOperation

該globalCompositeOperation屬性確定您繪制的內(nèi)容如何混合到畫布上的現(xiàn)有圖形中。
該globalCompositeOperation屬性設置如下:

context.globalCompositeOperation = "copy";

globalCompositeOperation引用“源”和“目的地”，并指定如何混合源和目的地。源是您繪制的內(nèi)容，目的地是已經(jīng)繪制的內(nèi)容。以下是可能值及其含義的列表: