365体育备用网址报道HTML DOM globalCompositeOperation 属性_365体育备用网址官网资讯

JavaScript/dom_obj_canvasrenderingcontext2d.HTML" title="HTML DOM CanvasRenderingContext2D 对象">HTML DOM CanvasRenderingContext2D 对象

定义和用法

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" 值。

------分隔线----------------------------

公布评论 (79人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换奇乐国际娱乐
最新评论