参数化二维码生成器

Styles
点击选择样式
拖拽滑动
A1
最基本的二维码,也有有趣的玩法
C2
满满科技感的重采样二值化像素点阵,有点东西
SP — 1
复刻了 DSJ 的 手工作品,向时代致敬
A — a1
连连看,可选方向
SP — 3
圆圆圈圈,气气泡泡
A2
大厂喜欢的样式,非常适合在中间放置 Logo
A3
随机圆点,混乱与秩序。源于 NCFZ
A — b2
线干扰
C1
加了背景图,试试看还能扫描吗
C3
图像填充
B1
通向三维的半路。可能有一点点难以识别
A — a2
交错相连
A — b1
点干扰
SP — 2
有一点点骚的配色,很适合你
Parameters

参数调整

容错率
图标
信息点样式
信息点缩放
信息点不透明度
定位点样式
信息点颜色
定位点颜色
Downloads

下载二维码 — A1

More

更多

拖拽滑动

Star

设计分享

最新消息

2020.9.1
新增 C3 样式、图标插入、 PNG 下载。

2020.6.29
新的反馈渠道!我们开始征集好玩的二维码设计啦,可以是推送尾图、海报等等,快来上传吧。点击提交

2020.6.24
新增深色模式,新增 SP — 3 样式。

2020.6.22
新增 A — a1、A — a2、A — b1、A — b2 样式,添加样式描述,新增桌面端横向拖拽滑动。

2020.6.11
QRBTF React 组件发布!快在你的应用中引入 react-qrbtf 吧。访问项目

2020.5.23
网站开源啦!点击访问 我们的 Github。期待你也来参与设计、开发!给个 Star 支持一下不?查看文章 QRBTF 开源啦!来写个二维码样式吧~

2020.5.22
新增 C2 样式、下载计数(好像还不太稳定)、普通二维码上传、颜色选择、背景图片上传、输入提示、桌面端横向滚动提示。

为什么要做一个二维码生成器?

看这里,如何制作一个漂亮的二维码 这篇文章简要介绍了我们的初心与愿景。

这个生成器的特别之处在哪里?

普通的二维码样式单一,不能与环境较好的融合。这一个生成器有着 丰富的参数化样式、基于 SVG 的二维码生成能力,在为我们提供精美样式的同时,不限制参数如数值、颜色、背景图片的选择,又因 SVG 有较好的拓展性,可以完美兼容矢量制图流程。

如何使用?

从输入 URL 开始(别忘了 http://)。没有确认框,没有额外的页面,选择样式后自动更新,调整参数后下载即可。

我应该下载 SVG 还是 JPG?

这个工具开发的初衷之一就是便利设计师将其纳入自己的工作流程中。SVG 是一个优秀的、标准的矢量图片格式,各大设计软件如 Adobe Illustrator、Sketch 等都对 SVG 有着很好的支持。用户可以在下载 SVG 后导入这些软件进行二次加工,如删除中央的信息点 放入自己的 Logo 等。如果需要直接分享二维码图像,请直接下载 JPG 格式。

二维码无法识别的原因是什么?

二维码无法识别有很多原因。比如定位点不匹配识别模式、信息点颜色对比不够、遮挡部分太大。建议尝试调整容错率、颜色、图标大小等参数并在各种二维码扫描器中测试,以保证二维码被识别的成功率

使用遇到了问题,怎么反馈?

我们是两位大一的学生,忙于学业,可能在设计与开发的过程中有一些疏漏,敬请谅解。如果遇到浏览器兼容问题,请暂时选择更换软件或设备尝试。

编写二维码样式是一个锻炼设计与开发(JavaScript)能力的绝佳机会,如果你有兴趣和我们一起玩这个项目,欢迎添加我的微信(微信号:nhciao,请备注真实姓名)或发送邮件至 contact@qrbtf.com 联系我们!