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

 更新时间: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

相关文章

  • 浅析PHP反序列化中过滤函数使用不当导致的对象注入问题

    浅析PHP反序列化中过滤函数使用不当导致的对象注入问题

    这篇文章主要介绍了PHP反序列化中过滤函数使用不当导致的对象注入问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02
  • PHP检测移动设备类mobile detection使用实例

    PHP检测移动设备类mobile detection使用实例

    这篇文章主要介绍了PHP检测移动设备类mobile detection使用实例,mobile detection可以检测到绝大部分手机、平板电脑的操作系统、浏览器等数据,需要的朋友可以参考下
    2014-04-04
  • php快递单号查询接口使用示例

    php快递单号查询接口使用示例

    这篇文章主要介绍了php快递单号查询接口使用示例,需要的朋友可以参考下
    2014-05-05
  • Yii2实现ActiveForm ajax提交

    Yii2实现ActiveForm ajax提交

    这篇文章主要 为大家详细介绍了Yii2实现ActiveForm ajax提交的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Smarty使用自定义资源的方法

    Smarty使用自定义资源的方法

    这篇文章主要介绍了Smarty使用自定义资源的方法,实例分析了smarty自定义资源的定义与使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • php实现图片缩略图的方法

    php实现图片缩略图的方法

    本文使用php实现的图片缩略图,支持jpg,jpeg,gif,png,bmp图片格式,支持按原图片的比例进行缩放,可以选择在图片缩放的过程中是否需要对图片进行裁切,加入了图片质量控制,可以实现缩略图片质量最高化,需要的朋友可以参考下本段代码
    2016-03-03
  • 在 PHP 和 Laravel 中使用 Traits的方法

    在 PHP 和 Laravel 中使用 Traits的方法

    Trait 是单继承语言(如 PHP )中的一种代码复用机制。这篇文章主要介绍了在 PHP 和 Laravel 中使用 Traits的方法,需要的朋友可以参考下
    2019-11-11
  • PHP表单验证内容是否为空的实现代码

    PHP表单验证内容是否为空的实现代码

    下面小编就为大家带来一篇PHP表单验证内容是否为空的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • PHP使用Alexa API获取网站的Alexa排名例子

    PHP使用Alexa API获取网站的Alexa排名例子

    这篇文章主要介绍了PHP使用Alexa API获取网站的Alexa排名例子,需要的朋友可以参考下
    2014-06-06
  • PHP和MySql中32位和64位的整形范围是多少

    PHP和MySql中32位和64位的整形范围是多少

    这篇文章主要介绍了PHP和MySql中32位和64位的整形范围是多少的相关资料,需要的朋友可以参考下
    2016-02-02

最新评论