Html5 Canvas 刮刮乐

• 先看最后的效果：

• 思路大概为：

1. 两个Canvas重叠，底图含中奖内容，上层为遮罩层
2. 底图中的内容可以是图片，可以是文字，是由后台程序已经根据概率算好之后的结果
3. 核心是设置遮罩层ctx.globalCompositeOperation = 'destination-out';的这个属性
4. 在遮罩层中，设置一个画笔，绑定好鼠标点下、鼠标移动、鼠标抬起三个事件，用来操作刮卡的效果

• 需要注意：

1. 当前鼠标/手指的坐标获取