使用svg-captcha从后端拿取一个图形验证码

svg-captcha介绍

svg-captcha是一个制作图形验证码图片的模块，它可以帮助我们快速生成一定长度的图形验证码。

svg-captcha使用

这里是使用的环境是node，使用的是koa框架，从后端生成svg图形验证码，最后返回给前端

安装

npm install -S svg-captcha

引入模块

import svgCaptcha from 'svg-captcha'

常用参数

参数	数据类型	含义
size	Number	定义生成的验证码的字符数量
ignoreChars	String	忽略某些较难分别的相似字符，如 0 和 o
color	Boolean	验证码的字符是否有背景色
noise	Number	图形验证码中的干扰线条数量
width	Number	生成的图片宽度
height	Number	生成的图片长度

使用

const captcha = svgCaptcha.create({
  size: 4, // 验证码长度
  ignoreChars: 'o01il', // 忽略字符
  color: true, // 背景色
  noise: Math.floor(Math.random()*5), // 干扰线条
  width: 150, // 图片宽
  height: 50 //图片长
})

返回的数据

svgCaptcha.create()方法返回的数据是一个对象类型的数据，主要包含两个参数

参数	数据类型	含义
text	String	图形验证码字符串，主要用于对比用户输入的验证码
data	String	图形验证码的svg代码片段，主要用于生成图像

参考示例

数据内容

生成的图片