条形码生成器
二维码生成一维条形码(CODE128、EAN、UPC、CODE39 等),可下载为 PNG 或 SVG。
本页内容
什么是条形码生成器?#
一维条形码就是你仍然能在每个商品包装、快递面单和活动门票上看到的那一排竖向黑白条。与二维的二维码不同,一维条形码只能承载一个很短的标识符——通常是 4 到 14 位字符——激光枪或手机摄像头靠一次横向扫读完成识别。本页在浏览器内渲染十一种最常见的码制,并支持导出为 PNG 或 SVG。
之所以有这么多格式,是因为每种都是为某个行业的特定约束而设计的。EAN-13 和 UPC 是零售标准:定长、纯数字、带一位数学校验码,扫码枪据此剔除误读。CODE128 可承载任意 ASCII 文本,是快递物流(比如运单号)的主力。CODE39 是较早的字母数字混合码,至今仍见于工牌和资产标签。ITF-14 编码 14 位集装箱/储运单元号。pharmacode 把一个整数(3 到 131070)压进极小的图形里,专用于药品包装。MSI、codabar、EAN-5、EAN-2 则覆盖一些更小众的场景。
本页底层调用 JsBarcode,它把图形画到 <canvas>(用于位图输出)或 <svg> 元素(用于矢量输出)上。在交给库之前,工具会先做一次本地校验,让你看到友好的提示(如「只能输入数字」或「长度不符」),而不是悄无声息地失败。
怎么使用#
- 在输入框里填入或粘贴你的取值。占位符
123456789012暗示了 EAN-13 的典型长度。 - 选择码制(Format)。每种格式有自己的字符集和长度规则,下拉列表列出了全部十一种(CODE128、CODE39、EAN13、EAN8、UPC、ITF14、MSI、codabar、pharmacode、EAN5、EAN2)。
- 调整条宽(Bar width,1–4 px)和高度(Height,60/100/150/200 px)。条越窄图形越紧凑、越小;条越高,从斜角扫码的成功率越高。
- 点击 Sample(示例)可为当前码制载入一个合法值;点 Clear(清空)重置。右侧预览会即时刷新。
- 下载为 PNG(用于图片、PDF)或 SVG(用于印刷,任何尺寸都保持锐利)。
核心特性#
- 十一种码制一站搞定。 零售(EAN-13/UPC)、物流(CODE128/ITF-14)、资产(CODE39/MSI)、药品(pharmacode)以及附加码(EAN-5/EAN-2),不必在多个网站间切换。
- 校验码自动算。 对 EAN-13、EAN-8、UPC、ITF-14,你只需给出 12/7/11/13 位,校验位由工具自动计算并补上;给满全长则会被校验。
- 渲染前先校验。 工具会在调用渲染器之前拦截空值、数字位码制里的非数字、长度错误,以及 CODE39/codabar 的非法字符。
- 矢量 SVG 导出。 用于印刷的条码绝不该被栅格化——SVG 在任何标签尺寸下都不糊。
- 本地运行。 JsBarcode 已随页面打包,没有后端,你的取值不会离开浏览器。
实例演示#
假设你有一款商品,已确定前 12 位为 590123412345,需要生成 EAN-13。选择 EAN13,粘贴 590123412345。渲染器会算出校验位(7),并画出完整的 13 位条码,条形图下方的人读文本显示 5901234123457。
校验位的算法(你可以手算验证):奇数位的数字 ×1、偶数位的数字 ×3 求和,再取 (10 − 总和 mod 10) mod 10。对 590123412345 来说就是 (5+0+2+4+2+4)×1 + (9+1+3+1+3+5)×3 = 17 + 66 = 83,于是 10 − 3 = 7。
如果是快递面单,切到 CODE128,直接粘贴 1Z999AA10123456784 这类运单号——CODE128 接受完整 ASCII 范围,字母、数字、连字符都能直接编码。
常见问题#
EAN-13 一直拒绝我输入的 13 位数字,怎么办?#
如果你已经手动敲了校验位,请核对其是否正确:只重输前 12 位,让工具自己补第 13 位。只要有一位输错或错位,校验和就不成立,渲染器会拒绝画出一个扫不出来的码。
我的 CODE39 扫不出来,哪里错了?#
CODE39 只支持大写字母 A–Z、数字 0–9 以及符号 - . $ / + %(和空格)。小写字母不在标准内,请先转成大写。工具会在渲染前用「chars」错误标出非法字符。
pharmacode 是什么?为什么取值范围这么怪?#
pharmacode 是一种基于二进制的码制,用于药品外包装,把一个映射到内部产品 ID 的整数编码成图形。合法范围是 3 到 131070,超出这个范围无法表示。
PNG 还是 SVG?#
凡是要拿去印刷的(标签、包装、文档)一律选 SVG,缩放不糊。PNG 适合屏幕展示、邮件签名、以及要求位图的 PDF。