时间:2021-05-18
下载 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
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信公众号有很多都做刮刮乐的活动,本文就实现了刮刮乐的效果,具体代码如下:首先要做一个类似橡皮擦的东西吧,然后才能把纸上的笔迹擦除/***FileName:Sp
在微信公众号里添加刮刮乐活动,其实很简单,按小编的步骤动动手指就可以完成微信公众号添加活动教程打开更快平台,注册并登陆登陆后先绑定微信公众号,然后点击功能管理如
刮刮乐怎么做?本文实例为大家分享了JavaScript实现刮刮乐效果的具体代码,供大家参考,具体内容如下来这我教你1、首先准备好编程软件webStorm或者ec
本文实例为大家分享了JavaScript实现刮刮乐的具体代码,供大家参考,具体内容如下原理鼠标按住移动的时候,实现刮刮乐的效果,那就是鼠标按下的同时鼠标移动,那
本文实例为大家分享了微信小程序实现刮刮乐效果的具体代码,供大家参考,具体内容如下效果图设计流程设计思路canvas设置背景图,作为中奖图片;在canvas上绘制