终端SVG二维码
灵感:热门轻量库 uqr(Generate QR to ANSI / Unicode / SVG)。
> 小四原创:链接/文本 → renderSVG 或 renderANSI → 贴到页面或终端。
> 与「单据二维码」「摄像头扫码」分工:本 Skill 只管生成展示串。
何时使用
- CLI 本地预览服务打印可扫链接
- 页面内嵌 SVG 二维码(无需 canvas 库)
- 终端调试输出 Unicode/ANSI 码
硬约束
- 依赖:
uqr。 - 输出字符串(SVG/ANSI/Unicode),不碰摄像头。
- 实现要点注释标 小四原创。
- 不做完整海报/封面设计。
推荐实现
import { renderSVG, renderANSI } from 'uqr'
// 小四原创:终端 SVG 二维码
export function qrSvg(text: string, border = 2): string {
return renderSVG(text, { border })
}
export function qrAnsi(text: string): string {
return renderANSI(text, { ecc: 'L', border: 1 })
}
Agent 步骤
npm i uqr。- Web 用
qrSvg,CLI 用qrAnsi并console.log。 - 自测:手机能扫 SVG/终端码打开目标 URL。
不要做
- 与 doc-qrcode-gen / html5-qrcode-scan 混用同一套流程。
- 用重型 canvas QR 库只为打一行终端码。
附加
- README.md · reference.md · templates/usage.md