更新时间:2020/6/1 下午2:32:10
更新说明: 优化样式,支持IE(ie10+)和移动端使用
1.引入jigsaw.min.js
2.
1 2 3 4 5 6 7 8 | jigsaw.init({ el: document.getElementById('container'), width: 310, // 可选, 默认310 height: 155, // 可选, 默认155 onSuccess: function () { ... }, onFail: function () { ... }, onRefresh: function () { ... }}) |
项目地址:https://github.com/yeild/jigsaw ,任何使用问题和建议欢迎issue
引入jigsaw.js 和 jigsaw.css
1 2 | <link rel="stylesheet" href="jigsaw.css"><script src="jigsaw.js"></script> |
1 | jigsaw.init(element[, success][, fail]) |
jigsaw.init接收三个参数,第一个参数为页面容器元素, 第二和第三个参数分别为验证成功和失败的回调函数。
图片由 https://picsum.photos/ 随机产生,然后使用canvas裁剪生成。
未编译ES6语法,建议使用现代浏览器体验。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com