时时商务社区

标题: 微信营销平台系统–刮刮乐的开发 [打印本页]

作者: xgnic 时间: 2018-2-14 05:57

         下载 jquery扩展wScratchPad.js, 原站的页面打不开，我这里提供一个下载地址 wScratchPad-2.1.0.zip
然后（冷静），一些没节操的博主，直接转别人的文章，验证的过程都省了，应该坑了不是小白。我这里修正一下
在这个扩展里面,怎么才能过去用户的刮开的面积
[U]复制代码[/U] 代码如下:
$("#wScratchPad3").wScratchPad({
cursor:'',  //设置鼠标的样式
color:'gray' ,  //设置覆盖物的颜色，跟image2功能相斥
width:"300",
height:"100",
image: "" //顶部的图片
// 更多配置相关的选项请看源码
scratchUp: function(e, percent){
if(percent > 60)
{
alert("sss");
}
}
});
从上面的代码，看的出来，这个跟网上所谓的教程不一样，这里获取刮开的范围用到函数不是
scratchMove（）
而是
scratchUp（）
为嘛？看源码
[U]复制代码[/U] 代码如下:
scratchFunc: function(e, $this, event)
      {
         e.pageX = Math.floor(e.pageX - $this.canvas_offset.left);
         e.pageY = Math.floor(e.pageY - $this.canvas_offset.top);
         $this['scratch' + event](e, $this);
         if(this.settings.realtimePercent || event == "Up") {
            if($this.settings['scratch' + event]) $this.settings['scratch' + event].apply($this, [e, $this.scratchPercentage($this)]);
         }
      }
这里这个获取函数绑定的UP 而不是move


您可能感兴趣的文章:

基于Android自定义控件实现刮刮乐效果

js HTML5手机刮刮乐代码

Android实现刮刮乐示例分析

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

欢迎光临时时商务社区 (http://bbs.4435.cn/)