HBC BLOG

主题

图片验证码 ​

数字验证码 ​

javascript
const svgCaptcha = require("svg-captcha");
// 数字验证码
let codeConfig = {
  size: 4, // 验证码长度
  ignoreChars: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", // 验证码字符中排除 0o1i
  noise: 5, // 干扰线条的数量
  width: 80, //验证码宽度
  height: 40, //验证码高度
  fontSize: 40, //字体大小
  color: false, //开启字体颜色
  background: "#fff", //背景颜色
};
const res = svgCaptcha.create(codeConfig); //验证码

svgCaptcha.create(options) ​

API

  • size：4 随机字符串的大小
  • ignoreChars: '0o1i' 过滤掉一些字符，如 0o1i
  • noise：1 噪声线数
  • color: true 字符将具有不同的颜色而不是灰色，如果设置了背景选项，则为真
  • background：'#cc9966' svg图像的背景颜色

此函数返回一个具有以下属性的对象：

  • data：字符串 svg路径数据
  • text: 字符串 验证码文本

svgCaptcha.createMathExpr(options) ​

API

与创建api类似，您有上述选项加上3个附加选项：

  • mathMin: 1 数学表达式的最小值
  • mathMax：9 数学表达式可以的最大值
  • mathOperator: + 要使用的运算符，+，-或+-（对于随机+或-）

此函数返回一个具有以下属性的对象：

  • data：数学表达式的字符串 svg
  • text: string 数学表达式的答案

svgCaptcha.loadFont(url) ​

API

加载您自己的字体并覆盖默认字体

  • url：字符串//字体的路径此api是opentype.js的loadFont api的包装器。 您可能需要围绕各种选项进行实验，以使您自己的字体可访问 请参阅以下api

svgCaptcha.options ​

API

访问全局设置对象。它用于创建和创建MathExpr api作为默认选项。 除了大小、噪音、颜色和背景外，您还可以设置以下属性：

  • width：数字 验证码的宽度
  • height：数字 验证码的高度
  • fontSize：数字 验证码文本大小
  • charPreset：字符串 随机字符预设

svgCaptcha.randomText([size|options]) ​

API

返回一个随机字符串

svgCaptcha(text, options) ​

API

根据提供的文本返回svg验证码

MORE

https://www.npmjs.com/package/svg-captcha