微信营销平台系统–刮刮乐的开发

发布时间：2020-12-12 20:13:14 所属栏目：PHP教程来源：网络整理

导读：P target="_blank"下载 jquery扩展wScratchPad.js,原站的页面打不开，我这里提供一个下载地址 A href="//www.jb51.cc/codes/174915.html"wScratchPad-2.1.0.zip 然后（冷静），一些没节操的博主，直接转别人的文章，验证的过程都省了，应该坑了不是小白。我

<P target="_blank">下载 jquery扩展wScratchPad.js,原站的页面打不开，我这里提供一个下载地址 <A href="//www.52php.cn/codes/174915.html">wScratchPad-2.1.0.zip

然后（冷静），一些没节操的博主，直接转别人的文章，验证的过程都省了，应该坑了不是小白。我这里修正一下

在这个扩展里面,怎么才能过去用户的刮开的面积

代码如下:

$("#wScratchPad3").wScratchPad({
cursor:'',//设置鼠标的样式
color:'gray',//设置覆盖物的颜色，跟image2功能相斥
width:"300",
height:"100",
image: "" //顶部的图片
// 更多配置相关的选项请看源码
scratchUp: function(e,percent){
if(percent > 60)
{
alert("sss");
}
}
});

从上面的代码，看的出来，这个跟网上所谓的教程不一样，这里获取刮开的范围用到函数不是

scratchMove（）
而是
scratchUp（）

为嘛？看源码

代码如下:

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!