本文摘自PHP中文网,作者不言,侵删。
本篇文章给大家带来的内容是关于css3中background-orgin的使用方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。globalCompositeOperation的默认值属性是source-over
1、source-over及源在目标之上
1 2 3 4 5 |
|
上面图形即为目标,下面图形为源
2、destination-over目标在源上
3、source-atop会将源绘制在目标之上,但是在重合区域上两者都是不透明的,绘制在其他位置上的目标是不透明的,源是透明的
1 2 3 4 5 |
|
4、destination-atop与source-atop效果相反,在重叠部分两者都不透明,但在其他位置源不透明,目标透明
5、source-in源与目标重叠部分只显示源,其他部分都变成透明
6、destination-in 源与目标重叠部分,只显示目标,其他都变成透明
7、source-out只显示源未重叠部分,其他部分都不显示
8、destination-out只显示目标未重叠部分,其他部分都不显示
9、lighter这个值与顺序无关,如果源与目标重叠,就将两个颜色值相加,得到颜色最大取值为255,取值为白色
10、copy只复制源
11、只复制源和目标不重叠部分,重叠部分透明
相关推荐:
HTML5中属性download的详细介绍
详细介绍H5弹性盒布局的使用(父容器属性)
以上就是html5中globalCompositeOperation属性的详细介绍的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
h5 canvas中fill 与stroke文字效果实现实例
使用html5 canvas api中的clip()方法裁剪区域图像
更多相关阅读请进入《canvas》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者