canvas-实现刮刮乐效果

作者: 岩蔷薇 | 来源:发表于2017-03-23 23:31 被阅读0次

QQ截图20170323232902.png

QQ截图20170323232817.png

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

网友评论

本文标题：canvas-实现刮刮乐效果

本文链接：https://www.haomeiwen.com/subject/xehxottx.html

备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！