How the QR generator works: design, implementation, use, and usage

qrgen 的使用场景很简单：把一段链接、配置片段、文案或者联系方式，快速变成可扫描的二维码。很多时候你并不需要复杂设置，你只需要一个清楚的预览和稳定的导出。

因此这个页面的核心不是“花样很多”，而是“输入后马上能看见结果”。

二维码工具如果做得太复杂，用户会困惑到底该调哪一项。我更希望它像一个“输入框 + 预览区”的二段式工具：左边输入，右边确认，按钮只保留下载这一件事。

这样既能让页面足够轻，也能让扫描结果在视觉上更稳，特别适合日常临时分享。

实现上我直接用了 `qrcode.react` 的 `QRCodeSVG`，然后通过序列化 SVG 再转成 PNG 下载。这样生成过程完全在前端完成，不需要额外的后端依赖。

使用时只要把内容贴进去，右侧就会出现预览。确认没问题后点下载即可，适合快速把链接、临时说明或者访问地址发给别人。