Jigsaw

canvas滑动验证码

Generate Convert Improve

Install / Use

/learn @yeild/Jigsaw

About this skill

Quality Score

0/100

README

jigsaw

canvas滑动验证码

演示地址

用法：

引入jigsaw.min.js

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

Tips：

图片从 https://picsum.photos/ 随机获取，然后用canvas裁剪生成滑块.
支持移动端和IE浏览器(IE10+).
纯前端验证不能保证安全性，本项目仅供学习交流.

Related Skills

node-connect

351.2k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

110.6k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

351.2k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

351.2k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。