素材牛

实用的canvas滑动验证插件jigsaw

 所属分类:网页特效-表单/验证

 浏览:1020次-  下载:10次-  评论:1次-  发布时间:2018-05-19
实用的canvas滑动验证插件jigsaw兼容IE11
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:实现滑动图片验证的JS插件

详细介绍

使用方法:

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

文件目录结构

  • ┝ index.html
  • ┝ jigsaw.css
  • ┝ jigsaw.js

讨论这个素材(1)回答他人问题或分享使用心得会奖励牛币

853791953
2018年05月30日

正好需要

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:10
所需牛币:3 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证