/jigsaw/zjdaima-bg-1075359983.png)
使用方法:
引入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语法,建议使用现代浏览器体验。