yeild/jigsaw

canvas滑动验证码

jigsaw

canvas滑动验证码

演示地址

用法：

1. 引入jigsaw.min.js

jigsaw.init({
  el: document.getElementById('container'),
  width: 310, // 可选, 默认310
  height: 155, // 可选, 默认155
  onSuccess: function () { ... },
  onFail: function () { ... },
  onRefresh: function () { ... }
})

Tips：

.

1. 图片从 https://picsum.photos/ 随机获取，然后用canvas裁剪生成滑块.

2. 支持移动端和IE浏览器(IE10+).

3. 纯前端验证不能保证安全性，本项目仅供学习交流.