开发预览 更新于 2026-05-10

QRCode 二维码

把文本 / URL 编码为二维码 SVG,纯客户端零依赖(Byte 模式,自动选版本 1–40)。

基础用法

value 是要编码的字符串(任意 UTF-8)。ecc 控制纠错等级 — 等级越高同样数据需要更高版本(更密的网格),但抗污损能力更强。

QR 矩阵在客户端实时计算(Byte 模式,自动选版本)。
<CfQRCode :value="value" :size="160" ecc="M" />
<CfQRCode value={value} size={160} ecc="M" />

API

属性类型默认值说明
valuestring要编码的内容(UTF-8)
ecc'L' | 'M' | 'Q' | 'H''M'纠错等级(约 7% / 15% / 25% / 30%)
sizenumber160渲染尺寸(像素)
marginnumber2留白模块数(quiet zone)
colorstring'currentColor'暗格颜色
backgroundstring'transparent'背景色

实现说明:内置 Byte-mode QR 编码器,自动选择最小可装下数据的版本(1–40)。算法改编自 Project Nayuki 的 MIT 参考实现。

反馈与讨论

QRCode 二维码 的讨论

0
0 / 600
一键发送
正在加载评论...