首页 | 6911 | 554 | 277 | 添加收藏 上一个 下一个
canvas滑动验证插件jigsaw(原创)

使用方法:




  1. 引入jigsaw.min.js





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

使用方法:


引入jigsaw.js 和 jigsaw.css


<link rel="stylesheet" href="jigsaw.css">
<script src="jigsaw.js"></script>

jigsaw.init(element[, success][, fail])

jigsaw.init接收三个参数,第一个参数为页面容器元素, 第二和第三个参数分别为验证成功和失败的回调函数。


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


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