canvas滑动验证码
-
引入jigsaw.js 和 jigsaw.css
jigsaw.init({
el: document.getElementById('container'),
onSuccess: function () { ... },
onFail: function () { ... },
onRefresh: function () { ... }
})
-
图片从 https://picsum.photos/ 随机获取,然后用canvas裁剪生成滑块。
-
未编译ES6语法,建议使用现代浏览器体验。
-
纯前端验证对安全性没意义,因此本项目仅供学习交流,不考虑实用性。