koa2 中使用 svg-captcha 生成验证码

1. 安装svg-captcha

$ npm install --save svg-captcha

2. 使用方法

生成有4个字符的图片和字符串

const svgCaptcha = require('svg-captcha')const cap = svgCaptcha.create({size: 4, // 验证码长度width:160,height:60,fontSize: 50,ignoreChars: '0oO1ilI', // 验证码字符中排除 0o1inoise: 2, // 干扰线条的数量color: true, // 验证码的字符是否有颜色，默认没有，如果设定了背景，则默认有background: '#eee' // 验证码图片背景颜色
})console.log(c);
// {data: '<svg.../svg>', text: 'abcd'}

如图：

生成一个算术式和计算结果

 const cap = svgCaptcha.createMathExpr({size: 4, // 验证码长度width:160,height:60,fontSize: 50,ignoreChars: '0oO1ilI', // 验证码字符中排除 0o1inoise: 2, // 干扰线条的数量color: true, // 验证码的字符是否有颜色，默认没有，如果设定了背景，则默认有background: '#eee' // 验证码图片背景颜色
})

如图：

3. 在 koa2 项目中使用

const Koa = require('koa');
const Router = require('koa-router') // koa 路由中间件
const svgCaptcha = require('svg-captcha')
const app = new Koa();
const router = new Router(); // 实例化路由 router.get('/home', async (ctx, next) => {const cap = svgCaptcha.create({size: 4, // 验证码长度width:160,height:60,fontSize: 50,ignoreChars: '0oO1ilI', // 验证码字符中排除 0o1inoise: 2, // 干扰线条的数量color: true, // 验证码的字符是否有颜色，默认没有，如果设定了背景，则默认有background: '#eee' // 验证码图片背景颜色})let img = cap.data // 验证码let text = cap.text.toLowerCase() // 验证码字符，忽略大小写ctx.type = 'html'ctx.body = `${img}<br><a href="javascript: window.location.reload();">${text}</a>`
});app.use(router.routes());app.listen(3333, () => {console.log('This server is running at http://localhost:' + 3333)
})

转载于:https://www.cnblogs.com/cckui/p/10552832.html

koa2 中使用 svg-captcha 生成验证码相关推荐

captcha 生成验证码
你好,我是悦创. 公众号:AI悦创博客原文:https://www.aiyc.top/archives/476.html 对于验证码破解,很多机构都停留于云打码.OCR 等基础破解方法,当然不能否认 ...
GDI+ 中发生一般性错误(生成验证码时出现的错误)
我在生成验证码时,出现这样的错误:GDI+ 中发生一般性错误. 怎么解决? 转载于:https://www.cnblogs.com/happyangle/archive/2008/06/11/1217 ...
使用Happy Capthca生成验证码
Happy Captcha是一款易于使用的Java验证码软件包,旨在花最短的时间,最少的代码量实现验证码功能 Maven依赖 <dependency><groupId>com. ...
一文搞懂Go整合captcha实现验证码功能
最近在使用Go语言搞一个用户登录&注册的功能,说到登录&注册相关,我们油然会产生一种增加验证码的想法,因此着手实现,后来在GitHub上找到了这个名叫captcha的插件,于是就利用文 ...
captcha.js一个生成验证码的插件，使用js和canvas生成
一.captcha`captcha.js`是一个生成验证码的插件,使用js和canvas生成的,确保后端服务被暴力攻击,简单判断人机以及系统的安全性,体积小,功能多,支持配置. 验证码插件内容,包含1 ...
【项目】springboot中使用kaptcha生成验证码，登录时密码加盐处理
记录使用kaptcha的过程为前后端分离项目,前端vue框架文章目录 0.下载jar包 1.添加依赖 2.添加KaptchaConfig配置 3.后端用于登录的封装类编写 4.修改controll ...
SpringMvc项目中使用GoogleKaptcha 生成验证码
前言:google captcha 是google生成验证码的一个工具类,其原理是将随机生成字符串保存到session中,同时以图片的形式返回给页面,之后前台页面提交到后台进行对比. 1.jar包准备 ...
.NET Core 中生成验证码
在开发中,有时候生成验证码的场景目前还是存在的,本篇演示不依赖第三方组件,生成随机验证码图片. 先添加验证码接口 public interface ICaptcha {/// <summary& ...
【Android 安装包优化】Android 中使用 SVG 图片 ( SVG 矢量图简介 | Android 中生成 Vector 矢量图资源 )
文章目录一.SVG 矢量图简介二.Android 中生成 Vector 矢量图资源三.参考资料一.SVG 矢量图简介 Android SVG 参考文档 : https://developer. ...
java验证码画布类型,【Java工具类】使用Kaptcha生成验证码写回页面中
1. 导入依赖导入kaptcha依赖: com.github.penggle kaptcha 2.3.2 2. 编写配置类: @Configuration public class KaptchaC ...

koa2 中使用 svg-captcha 生成验证码

1. 安装svg-captcha

2. 使用方法

3. 在 koa2 项目中使用

koa2 中使用 svg-captcha 生成验证码相关推荐

最新文章

热门文章