微信营销平台系统–刮刮乐的开发
更新时间：2014年06月10日 09:08:12 作者：
最近一直在做微信相关的开发工作，刮刮乐是一个最常见的微信应用了，网上也有很多的教程，本来是不想写这篇博文的，但又怕网友被坑，我还是写一下。
下载 jquery扩展wScratchPad.js, 原站的页面打不开，我这里提供一个下载地址 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
相关文章
这篇文章主要介绍了Yii框架组件的事件机制原理与用法,结合实例形式分析了Yii框架组件的事件机制相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
日期和时间组件在平时的项目开发中经常用到。今天小编抽个时间谈谈yii2中比较好用的时间组件2016-05-05
这篇文章主要介绍了php上传图片存入数据库示例,需要的朋友可以参考下2014-03-03
VB中的RasEnumConnections函数返回632错误解决方法
这篇文章主要介绍了VB中的RasEnumConnections函数返回632错误解决方法,使用MSDN中的例子在XP SP3系统上出现的错误,需要的朋友可以参考下2014-07-07
Zend Framework校验器Zend_Validate用法详解
这篇文章主要介绍了Zend Framework校验器Zend_Validate用法,结合实例形式分析了校验器Zend_Validate的功能、使用技巧与相关注意事项,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了ThinkPHP5集成JS-SDK实现微信自定义分享功能的相关资料,需要的朋友可以参考下2023-03-03
本篇文章介绍了，Zend的MVC机制使用分析，需要的朋友参考下2013-05-05
找了一下非扩展方式的php加密方法： 这里有个在线的，还不错。木马防杀还行，要保护代码可就不行了。2008-09-09
这篇文章主要介绍了thinkphp中ajax与php响应过程,以实例形式详细分析了ThinkPHP框架中Ajax响应方式的处理原理及实现过程,非常具有实用价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了php图片缩放实现方法,需要的朋友可以参考下2014-02-02
最新评论