安裝 yarn add jsbarcode 使用 // HTMLElement 承載條形碼的元素 svg/canvas// text 顯示在條形碼下方的文字// option 條形碼的配置項(xiàng) 具體見(jiàn)【條形碼的配置項(xiàng)】JsBarcode(HTMLElement, text, option) 條形碼的配置項(xiàng)

使用中的option

background: "#ffffff" // 背景色displayValue: true // 是否顯示條形碼下面的文字font: "monospace" // 字體fontOptions: "" // 字體相關(guān)的配置fontSize: 20 // 字體大小 默認(rèn)20format: "CODE128" // 條形碼的種類(lèi) 具體見(jiàn) formatheight: 40 // 高度lineColor: "#000000" // 條形碼線條的顏色margin: 8 // 條形碼四種的間距 類(lèi)似于div的paddingmarginBottom: 8 // 下邊距marginLeft: 8 // 左邊距marginRight: 8 // 右邊距marginTop: 8 // 上邊距text: undefined textAlign: "center" // 條形碼下面的文字的對(duì)齊方式textMargin: 2 textPosition: "bottom" // 條形碼下面文字的位置 條形碼的種類(lèi)

條形碼的配置項(xiàng)選項(xiàng)中的format的值

CODE128 CODE128 (自動(dòng)模式切換) CODE128 A/B/C (強(qiáng)制模式)EAN EAN-13 EAN-8 EAN-5 EAN-2 UPC (A)CODE39ITF-14MSI MSI10 MSI11 MSI1010 MSI1110PharmacodeCodabar