介绍

生成滑动验证码拼图图片和背景图片 Github｜Gitee

安装

npm i @itriton/captcha

使用方法

const captcha = require('@itriton/captcha')

// 默认(promise)
captcha.create().then(res=>{
    console.log(res)
})

// 自定义参数(promise)
captcha.create(options).then(res=>{
    console.log(res)
})

// 默认(async/await)
async function captcha(){
   const result = await captcha.create()
}

// 自定义参数(async/await)
async function captcha(){
   const result = await captcha.create(options)
}

参数

属性名	类型	默认值	说明
size	Number	30	默认拼图大小
width	Number	270	图片宽度(px)
height	Number	144	图片高度(px)
url	String	-	图片路径（支持在线地址）

返回值

属性名	类型	说明
backgroundImage	Base64	背景图片
jigsawImage	Base64	拼图图片
x	Number	x轴距离

安装sharp失败的解决方案

切换成淘宝镜像再执行npm install sharp命令

npm config set sharp_binary_host "https://npm.taobao.org/mirrors/sharp"

npm config set sharp_libvips_binary_host "https://npm.taobao.org/mirrors/sharp-libvips"

npm install sharp

效果图

结合 @itriton/uniapp 组件库的 行为验证（captcha）组件的实际效果

其他开源项目

ibaleine-weapp

基于原生小程序框架的小程序商城

@itriton/uniapp

@itriton/uniapp，是基于uni-app生态开发的组件库