插件描述：js活动刮奖插件，ES6编写，已封装
使用方法
只需引入canvas.js
1 | <script src="./js/canvas.js"></script> |
html
1 2 3 4 | <canvas id="canvas"></canvas>重置按钮，固定ID<div id="freshBtn">重置</div>样式可自行设计 |
js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | //创建实例var canvas = new canvasInit({ id: canvas标签的ID， cover: 覆盖层（ 可填颜色 / 图片路径）, coverType: 依赖上一选项(可填 'color' / 'image'), width: canvas宽度(默认单位px), height: canvas高度(默认单位px), drawPercentCallback: function(num) { 回调函数， 可为空 返回已抹去元素的百分比 例如： if (num > 30) { alert('获得一等奖') canvas.fresh() // 提供的重置方法 } }}) |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery随机验证码
- 下一个特效： jQuery电影轮播图