【亲测免费】 JsBarcode: 一个简单的JavaScript条形码生成库

2026-01-14 18:32:00作者：舒璇辛Bertina

JsBarcode 是一个简单的 JavaScript 库，用于在 HTML 元素上绘制高质量的条形码。只需几行代码，您就可以为您的网站或应用程序添加条形码功能。

条形码类型支持

JsBarcode 支持以下条形码类型：

Code128
EAN-13 和 EAN-8
UPC-A 和 UPC-E
ITF-14
ISBN
Code39
Code39 Extended
Interleaved 2 of 5
Data Matrix
QR code
PDF417

使用场景

以下是使用 JsBarcode 的一些常见场景：

商品条形码扫描和识别
包裹跟踪和追踪
资料管理（例如书籍、电子设备等）
票务系统（如电影票、演唱会门票等）

特点

JsBarcode 具有以下特点：

简单易用：只需要几行代码即可实现条形码生成。
高性能：基于 canvas 绘制，提供了出色的渲染性能。
跨平台兼容性：支持所有现代浏览器，包括移动设备。
自定义样式：提供丰富的 API，可以自定义条形码的颜色、尺寸、字体等样式。
轻量级：体积小，易于集成到现有的 Web 应用程序中。
免费开源：遵循 MIT 开源协议，您可以自由地使用和修改代码。

快速入门

要在您的项目中使用 JsBarcode，请按照以下步骤操作：

安装

npm

npm install jsbarcode

CDN

<script src="https://cdn.jsdelivr.net/npm/jsbarcode@latest/dist/JsBarcode.all.min.js"></script>

使用

下面是一个基本示例，展示了如何在页面上生成一个 Code128 条形码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JsBarcode 示例</title>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@latest/dist/JsBarcode.all.min.js"></script>
</head>
<body>
    <div id="barcode"></div>

    <script>
        JsBarcode("#barcode", "1234567890");
    </script>
</body>
</html>