前端实现艺术二维码生成～

[ciaochaos]

用 React 做了一个二维码生成器，欢迎来玩！

Github 仓库
github.com/ciaochaos/qrbtf

访问网站
qrbtf.com

图文介绍

• 如何制作一个漂亮的二维码
  urlify.cn/qUfaMb
• QRBTF 开源啦！来写个二维码样式吧～
  urlify.cn/VBNVVb

[hlayk]

@ciaochaos https://wifi.dev.bdw.to/ 你们可以考虑加个这个 还有啊 你们的彩色的 SP-1 识别率没有黑白的高（我只是试了一下 好看但不实用）

[ciaochaos]

@hlayk 好滴，之后考虑把文字、网址、Wi-Fi 这些都分开选择，添加图床等功能，感谢提点。识别率这个问题一直很玄学，只能在微信里多试试呗，识别不出的原因有很多，甚至可能是二维码在屏幕中的尺寸过大。

[violetlai]

shift 滚动有点难受 建议改进一下

[ciaochaos]

@violetlai 临时解决一下哈哈，肯定会改～

[unicloud]

常规普通二维码生成器： https://www.dute.org/qrcode 支持插入 Logo 哦

[ciaochaos]

@unicloud 很多人喜欢在矢量编辑软件中手动插入 Logo，我们就没做 Logo 的图像上传啦。下载 SVG，完美融入设计工作流。

[simple11]

支持一下

[liyang5945]

666，过几天我准备摆摊，弄个这样的收款码

[ciaochaos]

@liyang5945 哈哈哈哈哈哈哈哈！万一别人扫不出来别怪我

[whatsbug]

哈哈，iOS 也有类似的项目：github.com/EFPrefix/EFQRCode

[ciaochaos]

@whatsbug Wow 这个也好棒！

[unicloud]

@ciaochaos 确实，矢量图就没必要插入 Logo 了。我这个工具也支持导出为 SVG，但 SVG 是不支持 Logo 的。

[zvcs]

太棒了，start

[ciaochaos]

@unicloud 嗯，所以我觉得插入 Logo 这件事，还是本地编辑一下靠谱。像苹果公众号最后的二维码那样，中间想挖去多少的点，都自由控制。

[hujiev2]

以前摩拜单车 app 里的二维码做的很不错,是动态的

[ciaochaos]

@hujiev2 我看到过！ 2.5D 的动态设计。

[leverestfish]

可以增加一些反白的模板的吗，感觉这个需求挺多的（用于深色背景）

[ciaochaos]

@leverestfish 有道理诶！目前可以把某些样式的信息点颜色改成白色，下载 SVG 后在 Adobe Illustrator 等软件中添加深色背景

[leverestfish]

@ciaochaos 信息点永远都应该是深色，反白的意思是把非信息点（白色区域）改成一些自定义形状，信息点（黑色区域）掏空，实际应用的时候用深色背景来填充。

[ciaochaos]

@leverestfish SVG 里这是复合路径，我经常在 AI 中用快捷键 command 8 添加。不过你说的对，我到时候会做一些组合模版，更加适合用于公众号、电商等场景的直接使用