条形码与二维码生成器
生成二维码、EAN-13、UPC-A、Code 128、ITF-14 或 Data Matrix,下载为 SVG 或 PNG,也可从图片中读取条码。
代码示例
可直接复制到你自己的项目中。每个示例只使用该语言的标准库，因此无需安装任何东西。
const body = '590123412345'
const sum = [...body].reduce((total, digit, i) => total + Number(digit) * (i % 2 === 0 ? 1 : 3), 0)
console.log(body + ((10 - (sum % 10)) % 10))功能
根据你输入的文字绘制二维码、EAN-13、EAN-8、UPC-A、Code 128、ITF-14 或 Data Matrix,并可下载为 SVG 或 PNG。数字码会自动补上校验位,校验位错误时会给出说明而不是绘制。在支持的浏览器中,还可以从图片读取条码。
使用方法
- 选择码制并输入内容,或选一个示例。
- 查看预览。若码要印得很小或带 logo,请提高二维码纠错级别。
- 下载 SVG 用于印刷、PNG 用于屏幕,或从图片读取条码。
示例
把 https://codeknife.dev 做成二维码,扫描后会打开网站。以 EAN-13 输入 590123412345 会变成 5901234123457:工具会补上校验位。Code 128 接受 CODEKNIFE-2026 这样的可打印 ASCII。
须知
- EAN-13 为 13 位,EAN-8 为 8 位,UPC-A 为 12 位,ITF-14 为 14 位,最后一位是校验位。不输入校验位会自动补上;全部输入而校验位错误则会被拒绝。
- 绘制出的码是带边距的白底黑色图片,在深色页面上也能扫描。SVG 在任何尺寸下都清晰;PNG 的尺寸由大小选项决定。
- 从图片读取条码需要浏览器的 Barcode Detection API,目前并非所有浏览器都有。无论哪种情况都不会上传任何内容:图片在你的设备上读取。
我该用哪种条码?
用手机扫描的链接和文字用二维码;商店商品用 EAN-13 或 UPC-A;外箱用 ITF-14;内部标签和物流用 Code 128;非常小的标记适合 Data Matrix。数字码会自动补上校验位,校验位错误则会被拒绝。
常见问题
纠错级别有什么作用?
二维码带有冗余数据,部分脏污或被遮挡时仍可读取。级别越高越耐损坏,但相同文字需要更多点。默认的“中”就不错;若要在中间印 logo,请选“高”。
生成的码可以随意使用吗?
可以。条码在你的浏览器中绘制,归你所有,没有水印。但商店用的 EAN 或 UPC 号码仍需向 GS1 申请厂商前缀,因为这些数字在全球范围内标识你的商品。
这个工具会把我输入的内容发到别处吗?
不会。条码在你的浏览器中绘制,你输入的内容不会发送到我们的服务器。