HTML DOM globalCompositeOperation 属性
定义和用法
globalCompositeOperation 属性说明如何在画布上组合颜色。
语法
CanvasRenderingContext2D.globalCompositeOperation
描述
globalCompositeOperation 属性说明了绘制到画布上的颜色是如何与画布上已有的颜色组合（或“合成”）的。
下面的表格列出了可能的值及其含义。这些值中的 "source" 一词，指的是将要绘制到画布上的颜色，而 "destination" 指的是画布上已经存在的颜色。默认值是 "source-over"。
| 值 | 含义 |
|---|---|
| "copy" | 只绘制新图形，删除其他所有内容。 |
| "darker" | 在图形重叠的地方，颜色由两个颜色值相减后决定。 |
| "destination-atop" | 已有的内容只有在它和新的图形重叠的地方保留。新图形绘制于内容之后。 |
| "destination-in" | 在新图形以及已有画布重叠的地方，已有内容都保留。所有其他内容成为透明的。 |
| "destination-out" | 在已有内容和新图形不重叠的地方，已有内容保留。所有其他内容成为透明。 |
| "destination-over" | 新图形绘制于已有内容的后面。 |
| "lighter" | 在图形重叠的地方，颜色由两种颜色值的加值来决定。 |
| "source-atop" | 只有在新图形和已有内容重叠的地方，才绘制新图形。 |
| "source-in" | 在新图形以及已有内容重叠的地方，新图形才绘制。所有其他内容成为透明。 |
| "source-out" | 只有在和已有图形不重叠的地方，才绘制新图形。 |
| "source-over" | 新图形绘制于已有图形的顶部。这是默认的行为。 |
| "xor" | 在重叠和正常绘制的其他地方，图形都成为透明的。 |
提示和注释
注释：FireFox 1.5 不支持 "copy" 值或 "darker" 值。