HTML5+CSS3实例 ：canvas 模拟实现电子彩票刮刮乐代码

HTML5+CSS3实例实例 ：：canvas 模拟实现电子彩票刮刮乐代码模拟实现电子彩票刮刮乐代码

今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,非常具有使用价值，有兴趣的可以了解一下。

今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的，有兴趣的可以改成Android版本的，或者其他的~

效果图：

贴一张我中500w的照片，咋办啊，怎么花呢~

好了，下面开始原理：

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

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

<title></title>

<meta charset="utf-8">

<script type="text/javascript" src="../../jquery-1.8.3.js"></script>

<script type="text/javascript" src="canvas2d.js"></script>

<script type="text/javascript" src="GuaGuaLe2.js"></script>

<script type="text/javascript">

<style type="text/css">