canvas滑动验证码

1. 引入jigsaw.js 和 jigsaw.css

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

jigsaw.init接收一个配置对象，el属性为页面容器元素， 后面三个属性分别为验证成功、验证失败和点击刷新按钮后的回调函数。

1. 图片由 https://picsum.photos/ 随机产生，然后使用canvas裁剪生成。

2. 未编译ES6语法，建议使用现代浏览器体验。

3. 纯前端验证对安全性没意义，因此本项目仅供学习交流，不考虑实用性。

• 重写了draw方法，现在绘制一条封闭的曲线，并且加上了stroke以提高滑块辨识度。