网站建设资讯

NEWS

网站建设资讯

html5中globalCompositeOperation属性是哪个

这篇文章主要为大家展示了html5中globalCompositeOperation属性是哪个,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“html5中globalCompositeOperation属性是哪个”这篇文章吧。

成都创新互联,专注为中小企业提供官网建设、营销型网站制作、响应式网站开发、展示型网站设计制作、做网站等服务,帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

globalCompositeOperation的默认值属性是source-over

1、source-over及源在目标之上

context.fillStyle = 'aqua';
context.fillRect(50,50,100,100);//目标图形
context.globalCompositeOperation = 'source-over';
context.fillStyle = 'antiquewhite';
context.fillRect(100,100,100,100);//源图形

上面图形即为目标,下面图形为源html5中globalCompositeOperation属性是哪个

5、source-in源与目标重叠部分只显示源,其他部分都变成透明

6、destination-in 源与目标重叠部分,只显示目标,其他都变成透明

7、source-out只显示源未重叠部分,其他部分都不显示

8、destination-out只显示目标未重叠部分,其他部分都不显示

9、lighter这个值与顺序无关,如果源与目标重叠,就将两个颜色值相加,得到颜色最大取值为255,取值为白色

10、copy只复制源

11、只复制源和目标不重叠部分,重叠部分透明

以上就是关于“html5中globalCompositeOperation属性是哪个”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注创新互联行业资讯频道。


分享标题:html5中globalCompositeOperation属性是哪个
新闻来源:http://cdweb.net/article/jpjepi.html