您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > JavaScript 教程 > HTML DOM globalCompositeOperation 屬性

HTML DOM globalCompositeOperation 屬性

此節(jié)有 156 人學(xué)習(xí)過參與評論

定義和用法

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

CanvasRenderingContext2D.globalCompositeOperation

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

下面的表格列出了可能的值及其含義。這些值中的 "source" 一詞，指的是將要繪制到畫布上的顏色，而 "destination" 指的是畫布上已經(jīng)存在的顏色。默認(rèn)值是 "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"	新圖形繪制于已有圖形的頂部。這是默認(rèn)的行為。
"xor"	在重疊和正常繪制的其他地方，圖形都成為透明的。

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

如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會為你解答！！點(diǎn)擊進(jìn)入論壇

發(fā)表評論 (156人查看，0條評論): 請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī)，嚴(yán)禁發(fā)布色情、暴力、反動的言論。

昵稱：

------分隔線----------------------------

JavaScript 教程目錄