jigsaw
canvas滑动验证码
演示地址
用法:
jigsaw.init({
el: document.getElementById('container'),
width: 310, // 可选, 默认310
height: 155, // 可选, 默认155
onSuccess: function () { ... },
onFail: function () { ... },
onRefresh: function () { ... }
})
Tips:
.
-
图片从 https://picsum.photos/ 随机获取,然后用canvas裁剪生成滑块.
-
支持移动端和IE浏览器(IE10+).
-
纯前端验证不能保证安全性,本项目仅供学习交流.