带你了解canvas中的globalCompositeOperation属性

代码

我们继续来实现一个刮刮卡的效果

效果图

使用 getImageData 能获取到 canvas 上的像素信息，就可以根据刮刮卡上灰色的面积，决定擦除全部灰色的时机，更加灵活。

第二种方式，虽然不存在跨域的问题，但是，不能很好的根据刮刮卡上灰色的面积，控制最后擦除全部灰色的时机。

总结

文章中的效果主要是使用 globalCompositeOperation属性取值为 destination-out ，而取值为其他值的时候，同样也是可以制作出各种效果的，大家也可以发挥自己的想象力，去试试其它值，也许有新发现呢。

更多编程相关知识，请访问：编程入门！！

以上就是带你了解canvas中的globalCompositeOperation属性的详细内容，更多请关注其它相关文章！