验证码生成器

🔒 Captcha Generator

📐 工作原理与说明
码元生成:数字/字母/字母数字模式从对应字符池按长度逐位随机取(字母数字模式可剔除易混字符);数学模式取 a、b ∈ [1, MAX] 并保证 a ≥ b,随机取 + − × 之一,答案 = a 与 b 的运算结果;汉字模式最多取 4 字。绘制:画布 math 型 200×60、汉字型 max(180, 长度×50)×70、其余 max(160, 长度×40)×60;字符宽 = 宽 ÷ (字符数 + 1),x = 字符宽 × (i+1),y = 高/2 + (random−0.5)×12,旋转 (random−0.5)×0.5 rad(约 ±15°),字号 = 基准(math 26 / 汉字 36 / 其余 32) + random×10 − 5;干扰线 3-5 条贝塞尔曲线 + 50-100 个噪点(30% 概率 2px)+ 2 条随机弧线
生成图形验证码:随机字符 + Canvas 绘制 + 干扰元素。
  • 生成:从字符集随机抽取若干字符,绘制到 Canvas 并加入噪点、干扰线与扭曲旋转。
  • 随机源:安全场景应用 crypto.getRandomValues(),而非可预测的 Math.random()。
  • 校验:正确做法是服务端生成并校验;纯前端生成仅适合演示与低风险场景。
  • 无障碍:应同时提供语音验证码等替代方式,避免把视障用户挡在门外。

Generate CAPTCHA images in your browser — distraction-free test strings for forms and demos.

验证码类型
参数设置
点击图片刷新
验证测试

📦 批量生成

一次生成多个验证码,用于开发和测试场景

📚 关于验证码生成器 ▼

验证码(CAPTCHA)是一种区分用户是计算机还是人的公开全自动程序。本工具可在浏览器本地生成多种类型的验证码,所有数据不离开您的设备。

⚡功能特点

🌐使用场景

📚 深度解析:验证码生成器

💡 常见使用场景

生成
4 位扭曲字符 `7KQ2` 加干扰线(仅演示,非真实风控)。

❓ 常见问题(FAQ)

验证码能防盗刷吗?
需配合后端校验与限流,单前端生成无效。
前端生成的验证码能防机器人吗?
不能。生成逻辑与字符集都在前端,攻击者直接读 JS 就能绕过;真正有效的验证码必须由服务端生成并校验,且结果只能使用一次、带过期时间。现代方案更推荐行为式验证或短信/邮箱一次性口令。
⚠️ 使用说明与注意事项