canvas-code

canvas生成简易验证码

安装

npm i canvas-code -S
or
yarn add canvas-code

使用

import canvasCode from 'canvas-code'
 
// el：canvas对象
// 以下参数所有均为默认参数
// return：每次生成后的结果
canvasCode(el, {
  type: 'operation', // 显示需要展示验证码的类型，目前支持两种，operation：为数字加减乘运算，group：为字母和数字组合
  width: 200, // 宽度，按照正常比例 * 2，不需要单位
  height: 60, // 高度，按照正常比例 * 2，不需要单位
  fontSize: '32px', // 字体大小，按照正常比例 * 2
  fontFamily: 'Microsoft Yahei', // 字体名称
  color: '#333' // 绘制颜色，类型可以为函数，渐变色时需要用到，接受两个参数，第一个为当前canvas dom对象，第二个为canvas绘制对象
})