mjzxcyypp
2018-04-04 09:12:20
证
HTML5+Canvas实战之刮奖效果
项目描述
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
运行环境
html
项目技术(必填)
HTML5+Canvas+CSS
数据库文件
无
jar包文件
无
是否原创(转载必填原文地址)
原创
项目截图(必填)
运行截图(必填)
猜你喜欢
- HTML5小例子,实现过山车特效代码
- 精挑整理 8款HTML5/jQuery应用,高端大气上档次特效
- HTML5炫酷的特效代码下载
- 分享一个很酷很炫的html5特效网站源码
- HTML5流畅的模拟可撕裂布料特效演示源代码下载
- HTML5+CSS3实现iOS Path菜单特效,动画效果很酷
- HTML5鼠标点击图片出现水滴效果的超酷特效源码
- HTML5模拟现实圆球物理运动效果代码
- html5+css3开发3d书本样式特效代码
- html5 canvas实现的动态3D旋转球体
- html5 canvas粒子喷泉3d效果代码
- html5 canvas结合js实现的非常酷的ascii animation动画特效
请下载代码后再发表评论
文件名:Lottery-master.zip,文件大小:3.829K
下载
- /
- /Lottery-master
- /Lottery-master/Lottery.js
- /Lottery-master/index.html
- /Lottery-master/index.html.bak
- /Lottery-master


740833561 LV4
2021年4月1日
xhmpmail LV17
2021年2月24日
谭鬼鬼 LV48
2020年5月12日
PHP最屌 LV1
2020年4月22日
驱蚊器23214124124 LV2
2019年5月23日
sosocom LV2
2019年4月25日
rexgo1 LV1
2019年1月5日
laoyaoshui LV16
2018年12月12日
回音哥 LV13
2018年9月12日
wxc9527 LV2
2018年7月13日

szf123 LV12
2023年5月30日
百尺尖头2016 LV2
2023年2月13日
nihaopengyou LV1
2021年6月21日
zhangyuan123 LV4
2021年5月12日
740833561 LV4
2021年4月1日
ba101ba101
2021年3月23日
暂无贡献等级
xhmpmail LV17
2021年2月24日
1601666461 LV1
2021年2月18日
javaZheng1 LV6
2021年1月12日
stone_a
2021年1月6日
暂无贡献等级