摘要： 继上篇翻翻乐之后，又来刮刮乐。还是先上效果图：开始demo的世界：1.css去绘制界面效果。（源码提供）2.原理：要实现刮刮卡内容的出现，我用div做了背景层去显示刮出的内容结果【重点】。中间Canvas区域去实现刮刮的效果。3.构建界面效果,背景层zj为挂出效果。Canvas去做动画1 2 3 4 5 4.开始动画先绘制 ‘灰色’ ，然后在鼠标的移动事件Canavas.onmousemove去计算 滑动的坐标值，然后clearRect方法去清除该坐标的色素。 1 window.onload = function(){ 2 init(); 3 } 4 var... 阅读全文