js和HTML5手机终端刮刮卡抽奖效果与安卓iOS完全兼容

这绝对值得一看，哈哈。我亲自做了，有错误，请指出：
现在完美的手机支持HTML5，所以如果你想成为一个彩票手机终端模块，用刮刮卡抽奖，相信这种互动体验非常好。
PS：因为我没有一个WP8系统的手机，所以它是不与WP8系统兼容，完美兼容Android、iOS
如果你想在PC上浏览，你必须改变js，现在支持谷歌，火狐，IE = 10，如果我想写的话，我会写的，如果我的网友想要的话。
代码如下：
复制代码代码如下所示：





擦的效果


{ #帆布
背景：网址（中奖号码，JPG）；
宽度：531px；
身高：438px；
}
在{。
背景：无！重要；
}
# {帆布画布
光标：URL（）00，自动；
}






（函数（）{（））
在window.onload =函数（）{
如果浏览器支持画布***
尝试{
document.createelement（'canvas）。GetContext（二维的）；
} catch（e）{
无功adddiv = document.createelement（'div）；
提醒（你的手机不支持划痕效果哦！）；
}
}；
VaR U = navigator.useragent，移动=；
如果（u.indexof（'iphone）> 1）移动= 'iphone；
如果（u.indexof（'android）- 1 u.indexof（'linux）| | > > 1移动= 'android）；
功能createcanvas（父母，宽度，高度）{
var画布{ }；
canvas.node = document.createelement（'canvas）；
canvas.context = canvas.node.getcontext（二维的）；
canvas.node.width =宽度| | 100；
canvas.node.height =高度| | 100；
parent.appendchild（帆布。节点）；
返回画布；
}
函数init（集装箱、宽度、高度、设置、型）{
VaR的画布createcanvas（容器，宽度，高度）；
VaR CTX = canvas.context；
一个自定义的fillcircle方法 / /定义
ctx.fillcircle =函数（x，y，半径设置）{
this.fillstyle =设置；
This.beginPath（）；
This.moveTo（x，y）；
This.arc（X，Y，半径0，math.pi×2，假）；
This.fill（）；
}；
ctx.clearto =功能（设置）{
ctx.fillstyle =设置；
ctx.fillrect（0, 0，宽度，高度）；
}；
Ctx.clearTo（设置| |# DDD ）；
Canvas.node.addEventListener（touchstart
canvas.isdrawing =真；
}，假）；
Canvas.node.addEventListener（touchend
canvas.isdrawing = false；
}，假）；
Canvas.node.addEventListener（touchmove
如果（！帆布。备受）{
返回；
}
如果（类型= = 'android）{
var x = e.changedtouches { 0 }。pagex - this.offsetleft；
var y = e.changedtouches { 0 }。pagey - this.offsettop；
其他{ }
var x = e.pagex - this.offsetleft；
var y = e.pagey - this.offsettop；
}
var半径= 20；
VaR的# FF0000设置为；
ctx.globalcompositeoperation = 'destination-out；
Ctx.fillCircle（X，Y，半径设置）；
}，假）；
}
var container = document.getelementbyid（'canvas）；
init（容器，531, 438，# FF0000，移动）；
}）；