1.0.4 • Published 2 years ago
captcha0 v1.0.4
⭐️ 验证码小物件 - 下载
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 位置,应用于定义的元素上