canvas滑动验证码

 

演示地址：

https://yeild.github.io/jigsaw/demo.html

 

用法：

1. 引入jigsaw.min.js

2.  

jigsaw.init({
  el: document.getElementById('container'),
  onChangeImgSrc:[ ... ],
  onSuccess: function () { ... },
  onFail: function () { ... },
  onRefresh: function () { ... }
})

Tips：

1：背景图片可以使用onChangeImgSrc方法初始化时赋值；
不赋值则默认从 https://picsum.photos/ 随机获取，
然后用canvas裁剪生成滑块.

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

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

网盘：

链接：https://pan.baidu.com/s/10uh0q95VjWNBdTBFYXIj9g 
提取码：wq72

原组件链接：https://github.com/yeild/jigsaw（没有背景图片设置参数）。