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

最近，我接触到了微信应用开发中非常常见的“刮刮乐”功能。尽管网上已经有许多相关的教程，但我仍然决定写这篇博客，希望能为网友提供一些真实、准确的开发指导，避免大家被一些误导性的内容所坑害。

如果你需要下载jquery扩展wScratchPad.js，但原站的页面无法访问，我这里提供一个可靠的下载地址供你选择。接下来，我要对一些不负责任的博主进行指正，他们可能直接转载他人的文章，省略了验证过程，给开发者带来困扰。

关于这个扩展，我们主要关注的是如何判断用户刮开的面积。以下是相关的代码示例：

```javascript

$("wScratchPad3").wScratchPad({

cursor: '', //设置鼠标样式

color: 'gray', //设置覆盖物的颜色，与image2功能相关

width: "300", //设置宽度

height: "100", //设置高度

image: "" //设置顶部图片

//更多配置相关的选项请查阅源码

scratchUp: function(e, percent){

if(percent > 60){

alert("sss");

}

}

});

```

从上面的代码中可以看出，与网上所谓的教程不同，这里获取刮开范围的函数是`scratchUp()`而不是`scratchMove()`。为什么会这样呢？答案在源码中。

源码中的相关部分如下：

```javascript

scratchFunc: function(e, $this, event){

e.pageX = Math.floor(e.pageX - $this.canvas_offset.left);

e.pageY = Math.floor(e.pageY - $this.canvas_offset.);

$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`事件。也就是说，当用户在刮刮乐应用中刮开区域时，是通过`scratchUp()`函数来获取用户刮开的面积比例的。

希望这篇博客能帮助大家更好地理解“刮刮乐”微信应用开发的细节，避免被误导。如有更多问题，欢迎交流。记得参考官方源码以获取更准确的信息。