canvas-实现刮刮乐效果

2017-03-23  本文已影响0人  岩蔷薇
QQ截图20170323232902.png QQ截图20170323232817.png

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

上一篇下一篇

猜你喜欢

热点阅读