移动端刮刮乐的实现方式（js+HTML5）

程序员有一种惯性思维，就是看见一些会动的东西，总要先想一遍，这玩意用代码是怎么控制的。比如电梯，路边的霓虹灯，遥控器，小孩子的玩具等，都统统被程序员“意淫”过。有时候还会感觉程序员看世界会看的透彻一点.............想必大家都玩过刮刮乐，下面就介绍一种刮刮乐的移动端实现方式！用到canvas首先需要一个盒子定位，确定刮刮乐区域想要放在哪里定位盒子里有个放内容的盒子，也就是放奖品的用一个画布把上面的盒子盖住当手触摸移动的时候，可以擦除部分画布，露出奖品区当擦除足够多(3/4)的时候，可以选择让画布自动消失，慢慢淡出这里选用 globalCompositeOperation，即Canvas中的合成操作。