canvas-实现刮刮乐效果

QQ截图20170323232902.png
QQ截图20170323232817.png

实现思路：
0.设置canvas的大小和背景图片一样大
1.获取canvas标签和上下文
2.添加蒙版
3.设置合成属性为context.globalCompositeOperation = 'destination-out';
4.监听鼠标（画圆）
5.清除鼠标移动和抬起

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容