定義和用法

globalCompositeOperation 屬性說明如何在畫布上組合顏色。

語法

CanvasRenderingContext2D.globalCompositeOperation

描述

globalCompositeOperation 屬性說明了繪制到畫布上的顏色是如何與畫布上已有的顏色組合（或“合成”）的。

下面的表格列出了可能的值及其含義。這些值中的 "source" 一詞，指的是將要繪制到畫布上的顏色，而 "destination" 指的是畫布上已經(jīng)存在的顏色。默認值是 "source-over"。

值	含義
"copy"	只繪制新圖形，刪除其他所有內(nèi)容。
"darker"	在圖形重疊的地方，顏色由兩個顏色值相減后決定。
"destination-atop"	已有的內(nèi)容只有在它和新的圖形重疊的地方保留。新圖形繪制于內(nèi)容之后。
"destination-in"	在新圖形以及已有畫布重疊的地方，已有內(nèi)容都保留。所有其他內(nèi)容成為透明的。
"destination-out"	在已有內(nèi)容和新圖形不重疊的地方，已有內(nèi)容保留。所有其他內(nèi)容成為透明。
"destination-over"	新圖形繪制于已有內(nèi)容的后面。
"lighter"	在圖形重疊的地方，顏色由兩種顏色值的加值來決定。
"source-atop"	只有在新圖形和已有內(nèi)容重疊的地方，才繪制新圖形。
"source-in"	在新圖形以及已有內(nèi)容重疊的地方，新圖形才繪制。所有其他內(nèi)容成為透明。
"source-out"	只有在和已有圖形不重疊的地方，才繪制新圖形。
"source-over"	新圖形繪制于已有圖形的頂部。這是默認的行為。
"xor"	在重疊和正常繪制的其他地方，圖形都成為透明的。

提示和注釋

注釋：FireFox 1.5 不支持 "copy" 值或 "darker" 值。