HTML5和CSS3实现电子彩票刮刮乐特效

HTML5和CSS3实现电子彩票刮刮乐特效1926
原理:

1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的canvas。

2、canvas默认填充了一个矩形,将下面canvas效果图遮盖,然后监听mouse事件,根据mousemove的x,y坐标,进行擦出front canvas上的矩形区域,然后显示出下面的canvas的效果图。

也许你还喜欢