一个刮奖小程序,可以在移动设备上和PC端网页(浏览器要支持canvas)上运行 ##使用说明 var lottery = new Lottery(id, cover, coverType, width, height, drawPercentCallback); lottery.init(lottery,lotteryType); function drawPercentCallback(percent) { //some code here } ##构造方法参数解释 id:刮奖容器,必须 cover:涂层内容,可以为图片地址或颜色值,可空,默认为 #ccc coverType:涂层类型,值为 image 或 color,可空,默认为 color width:刮奖区域宽度,默认为300px,可空 height:刮奖区域高度,默认为100px,可空 drawPercentCallback:刮开的区域百分比,可空 ##init方法解释 lottery:刮开后显示的内容,可以为图片地址或字符串,必须 lotteryType:刮开后显示的内容类型,值为 image 或 text,要跟lottery匹配,默认为 image
首页 /  web前端 /  html5 / HTML5 Canvas刮奖效果体验

1 3 565

HTML5 Canvas刮奖效果体验

一个刮奖小程序,可以在移动设备上和PC端网页(浏览器要支持canvas)上运行 ##使用说明 var lottery = new Lottery(id, cover, coverType, width, height, drawPercentCallback); lottery.init(lottery,lotteryType); function drawPercentCallback(percent) { //some code here } ##构造方法参数解释 id:刮奖容器,必须 cover:涂层内容,可以为图片地址或颜色值,可空,默认为 #ccc coverType:涂层类型,值为 image 或 color,可空,默认为 color width:刮奖区域宽度,默认为300px,可空 height:刮奖区域高度,默认为100px,可空 drawPercentCallback:刮开的区域百分比,可空 ##init方法解释 lottery:刮开后显示的内容,可以为图片地址或字符串,必须 lotteryType:刮开后显示的内容类型,值为 image 或 text,要跟lottery匹配,默认为 image

HTML5 Canvas刮奖效果体验_图一

关于作者

博客园博主:草根程序猿
博客地址:http://www.cnblogs.com/jscode/
非常感谢 草根程序猿提供的源码,供大家学习参考
下载所需:0 金币 下载 演示

[来源] http://www.cnblogs.com/jscode/p/3580878.html

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

容若 2017-09-28 11:09
10
送花
20积分一朵