条形码生成器 — Code 128、EAN、UPC

条形码生成器的工作原理与本地处理

条形码生成器是一个在网页浏览器内运行的工具，能够将用户输入的数据直接转换为可扫描的一维条形码。当用户在界面中输入文本或数字并调整外观参数时，浏览器会实时计算并渲染出条形码图像。

在整个操作过程中，所有的数据转换和图像生成步骤均在用户的浏览器本地完成，没有任何数据会上传到 BroBroGo。这种本地处理机制不仅提高了响应速度，也确保了用户输入的数据不会离开其个人设备。

不同行业和应用场景需要使用不同格式的条形码。本工具支持以下九种主流条形码标准，每种标准都有其特定的数据格式要求：

Code 128：支持输入任意字母、数字或符号。为了保证条形码的可扫描性，建议尽量缩短内容长度。常用于 SKU、物流单号和资产编号。
EAN-13：标准的零售商品条形码。用户可以输入 12 位数字（系统会自动计算并补齐最后一位校验位），也可以直接输入完整的 13 位零售码。
EAN-8：用于小型零售包装的条形码。支持输入 7 位数字（自动补齐校验位）或完整的 8 位代码。
UPC-A：主要用于北美零售的条形码格式。支持输入 11 位数字（自动补齐校验位）或完整的 12 位代码。
Code 39：广泛用于资产标签。允许输入大写字母、数字以及 -、.、$、/、+、% 和空格。
ITF-14：常用于外包装箱和运输纸箱。支持输入 13 位数字（自动补齐校验位）或完整的 14 位代码。
Codabar：常用于图书馆和血库。支持数字以及 -、$、:、/、.、+，且必须以大写字母 A–D 作为起止符（例如 A40156B）。
MSI：仅支持输入数字，常用于仓库和库存货架标签。
Pharmacode：专门用于药品包装的单轨条形码。仅接受 3 到 131070 之间的正整数。

本工具限制的最大输入长度为 256 个字符。

为了确保条形码的准确性，工具内置了严格的验证与自动计算机制：

校验位自动处理：对于 EAN-13、EAN-8、UPC-A 和 ITF-14 格式，如果用户只输入了基础数据位，系统会自动计算并添加最后一位校验位。如果用户输入了包含校验位的完整长度代码，系统则会对其进行验证，而不是重新计算。
自动填充示例：当用户在空输入框状态下切换条形码类型时，系统会自动填充一个符合新选择格式的示例值，以便用户直观地了解该格式的结构。
错误处理与状态清除：
- 如果输入的数据长度超过限制，界面会显示错误提示：“内容太长，条形码将难以扫描。请控制在 {max} 个字符以内。”
- 如果输入的数据不符合所选格式的字符或结构要求，界面会显示错误提示：“不是有效的 {format} 数据——请对照上方的格式提示。”
- 一旦输入数据为空、超长或无效，条形码预览区域和下载按钮将会被自动清空，以防止导出错误的条形码。

用户可以根据实际应用场景调整条形码的视觉样式，以确保其在不同介质上的可读性：

颜色设置：支持通过 #RRGGBB 十六进制格式自定义条纹颜色和背景颜色。如果输入的颜色值无效，系统会自动将其重置为默认的黑色条纹和白色背景。
尺寸微调：条宽可在 1 至 4 之间调节；高度可在 40 至 200 像素之间调节。
文本显示：通过开关切换是否在条纹下方显示可读的明码文本。
导出格式：
- SVG：矢量图形格式，适合需要高精度打印的场景，无论如何放大均不会失真。
- PNG：位图格式，为了保证在屏幕显示和文档嵌入时的清晰度，导出的 PNG 图片会以预览区域显示尺寸的 3 倍分辨率进行渲染。

Code 128 适合各种短编码——SKU、物流单号、资产编号。EAN-13、EAN-8、UPC-A 用于零售商品；ITF-14 印在运输纸箱上，Code 39 用于资产标签，Codabar 常见于图书馆和血库，MSI 用于仓库货架标签，Pharmacode 用于药品包装。

不用。EAN、UPC 和 ITF-14 只要输入数据位，末尾的校验位会自动补齐；若输入完整位数，则会帮你核对而不是重新计算。

能，只要保持足够对比度、两侧留出空白区，并且别缩得太小。打印就下载 SVG，任意尺寸都清晰；屏幕和文档用 PNG 即可。