• Stars
    star
    690
  • Rank 65,522 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

canvas滑动验证码

jigsaw

canvas滑动验证码

演示地址

用法:

  1. 引入jigsaw.min.js

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

Tips:

.

  1. 图片从 https://picsum.photos/ 随机获取,然后用canvas裁剪生成滑块.

  2. 支持移动端和IE浏览器(IE10+).

  3. 纯前端验证不能保证安全性,本项目仅供学习交流.