组合类型 :globalCompositeOperation
ctx 为 context 上下文 你懂得。
假设 有两个相交的矩形,先画第一个 填充色 蓝 第二个 填充色 红。
使用方法:ctx.globalCompositeOperation=“destination-atop”; (此行代码需写在原图形和新画图形之间)此参数的意思就是只显示交集部分和新图形,不过交集部分的填充色是蓝色。
2 destination-in 也就是说你只能看见交集部分 填充色为元图形的 其他内容都是透明。
3 destination-out 你只能看见原有部分 但是不包括交集部分 其他为透明
4 destination-over 新图形位于原有图形的后面
不知道 理解的对不?欢迎指正
本文介绍了Canvas中globalCompositeOperation属性的不同设置如何影响图形的绘制效果,包括仅显示交集部分、新图形覆盖原有图形等场景。
4万+

被折叠的 条评论
为什么被折叠?



