二维码生成识别纠错等级前端本地处理
二维码已经渗透到几乎所有场景：登录扫、活动签到、内容分享、设备配对……但“生成与识别”并非只有一个按钮那么简单。尺寸、纠错等级、对比度、冗余内容、容器背景、摄像头焦距，都会影响识别率。本文给出一份可落地的工程清单，让你的二维码“稳稳地可用”。
生成参数方面：
- 尺寸：在移动端建议不小于 160px，投屏场景建议更大；
- 纠错等级：L/M/Q/H，等级越高可容忍的污损越多，但可编码数据越少；
- 边距：四周留出安静区，避免与背景元素黏连；
- 前景/背景对比：确保足够对比度，避免花纹背景；
- 内容长度：内容越长，模块越密，识别越困难；能短就短，必要时配合短链。
识别时的注意点：
- 光照与对焦比你想象的更重要；
- 低端设备摄像头对暗光与抖动非常敏感；
- 屏幕扫描屏幕时（例如投屏二维码），刷新率、摩尔纹会影响识别；
- 尽量提供“上传图片识别”和“摄像头实时识别”两种路径，兼顾不同场景。
我们的“二维码 生成/识别”工具全部在浏览器本地完成：
- 生成：自定义尺寸与纠错等级，导出PNG；
- 识别：上传图片或打开摄像头，不经过服务器，隐私更安心；
- 适合联调时验证二维码“好不好扫”。
工程上的若干经验：
- 文本用UTF-8，确保跨端一致；
- 分享内容尽量短，复杂参数上云，二维码内只放一个短URL；
- 票据类场景可叠加签名与时间戳，避免截屏复用；
- 保留容错：提供手动输入的备用路径；
- 投屏场景适度增大尺寸与边距，亮色背景优先。
二维码不是“能扫就行”，而是“在各种条件下都能扫”。把参数和场景考虑全面，用户体验就会好很多。
相关在线工具：
- 立即使用 二维码生成/识别