canvas滑动验证插件jigsaw(原创)

| | | | 下一个

canvas滑动验证插件jigsaw(原创)

使用方法：

引入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语法，建议使用现代浏览器体验。

搜索发现

下载榜观看榜