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);//源图形

上面图形即为目标，下面图形为源

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

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

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

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

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

10、copy只复制源

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

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

文章标题：html5中globalCompositeOperation属性是哪个
标题网址：http://6mz.cn/article/jpjepi.html