背景
之前浏览过草料二维码的网站,他的二维码美化功能很强大💪,可以分别自定义码眼和码点的形状和颜色!
碰巧之前写过一个 npm 插件 qrcode-with-logos, 用于前端生成带 logo 的二维码。
而且在 github 的 issues 里有外国友人 👨🦱 问我能否实现不同样式的二维码,刚好以此作为新需求,模仿草料二维码的样式和功能,开发了 qrcode-with-logos 的 v1.1.0 版本。
有了 qrcode-with-logos 这款 npm 插件,你也可以在你的网站实现不同风格组合的 qrcode 了!
实现功能
- 自定义码眼码点颜色!
- 自定义码眼码点形状!
- 自动计算合适的 logo 大小!
- 自由选择不同宽高比的 logo, 不再是之前限定的 1:1
- 自动选择合适的容错率版本!
- 相比之前版本更快的绘制速度!
demo及文档点击👉这里,实现的效果如下: