HTML DOM globalCompositeOperation 屬性
定義和用法
globalCompositeOperation 屬性說明如何在畫布上組合顏色。
語(yǔ)法
CanvasRenderingContext2D.globalCompositeOperation
描述
globalCompositeOperation 屬性說明了繪制到畫布上的顏色是如何與畫布上已有的顏色組合（或“合成”）的。
下面的表格列出了可能的值及其含義。這些值中的 "source" 一詞，指的是將要繪制到畫布上的顏色，而 "destination" 指的是畫布上已經(jīng)存在的顏色。默認(rèn)值是 "source-over"。
| 值 | 含義 |
|---|---|
| "copy" | 只繪制新圖形，刪除其他所有內(nèi)容。 |
| "darker" | 在圖形重疊的地方，顏色由兩個(gè)顏色值相減后決定。 |
| "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" | 新圖形繪制于已有圖形的頂部。這是默認(rèn)的行為。 |
| "xor" | 在重疊和正常繪制的其他地方，圖形都成為透明的。 |
提示和注釋
注釋：FireFox 1.5 不支持 "copy" 值或 "darker" 值。