⭐️ 验证码小物件 - 下载

npm i zuser-captcha0 -S

🌰 验证码小物件 - 使用

const captcha = require('webopenfather-captcha')
let temp = captcha.create()
console.log(temp) // {text:'D3DS', data: '<svg></svg>'}
filter="url(#id)"//背景颜色指向

🌰 验证码小物件 - 结合 HTTP 模块

const http = require('http')
const captcha = require('webopenfather-captcha')

http.createServer((req, res) => {
    res.setHeader('content-type', 'text/html;charset=utf-8')
    let temp = captcha.create()
    // console.log(temp) // {text:'D3DS', data: '<svg></svg>'}
    res.end(temp.data)
}).listen(3000, () => {
    console.log('启动成功， 访问  http://localhost:3000');
})

使用参数说明

filter

width: 滤镜的宽度，设置 1，表示 100%，也可以直接写 100% height: 滤镜的高度，设置 1，表示 100%，也可以直接写 100% x: 向左位移 -0,1 表示-10%，也可以直接写-10% y: 向左位移 -0,1 表示-10%，也可以直接写-10% feFlood：使用定义好的颜色 flood-color 和透明度 flood-opacity 填充了滤镜的分区

flood-color 颜色 flood-opacity 透明度 feComposite：该滤镜执行两个输入图像的智能像素组合，它接受两个输入, ” in”和” in2″。默认情况下, in 是 SourceGraphic。运算符的”输入”属性用于显示合并结果。比如本例中，如果去除该行，文字将消失

in SourceGraphic 表示滤镜原始输入应用于定义的元素上 operator in 位置，应用于定义的元素上