由于 jsbarcode 不支持 Code93 条码，所以只能自己动手。

之前有想过用 bwip-js 替换 jsbarcode，但由于需求要支持更改条码内文字的字体，bwip-js 虽然也能修改字体，但是还要加载字体文件，这个方案需要修改的文件太多，也怕引入其它 bug，最终没有采取这个方案。

首先，需要了解一下 Code 93

Code 93

1982 年 Intermec 公司设计；主要被加拿大邮政使用。参考

允许的字符

0-9、A-Z、-、.、$、/、+、%、空格

结构

实战

1 克隆 github 仓库

git clone https://github.com/lindell/JsBarcode.git

2 添加 Code93 代码，参考Code 93

src/barcodes 下新建 CODE93 目录，新建 index.js 文件

// index.js
// Encoding documentation:
// https://en.wikipedia.org/wiki/Code_93#Encoding

import Barcode from "../Barcode.js";

const encoding = [
  "100010100",
  ...
];

class CODE93 extends Barcode {
  constructor(data, options) {
    data = data.toUpperCase();

    super(data, options);
  }

  encode() {
    const data = this.data;
    const table = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ-. $/+%____*"; // _ => ($), (%), (/) et (+)
    const dataToEncode = data.toUpperCase();
    const dataToEncodeLength = dataToEncode.length;
    let digit = "";

    // start :  *
    digit += encoding[47];

    // digits
    for (let i = 0; i < dataToEncodeLength; i += 1) {
      digit += encoding[table.indexOf(dataToEncode.charAt(i))];
    }

    // checksum
    let weightC = 0;
    let weightSumC = 0;
    let weightK = 1; // start at 1 because the right-most character is 'C' checksum
    let weightSumK = 0;

    for (let i = dataToEncodeLength - 1; i >= 0; i -= 1) {
      weightC = weightC === 20 ? 1 : weightC + 1;
      weightK = weightK === 15 ? 1 : weightK + 1;

      const index = table.indexOf(dataToEncode.charAt(i));

      weightSumC += weightC * index;
      weightSumK += weightK * index;
    }

    const c = weightSumC % 47;
    weightSumK += c;
    const k = weightSumK % 47;

    digit += encoding[c];
    digit += encoding[k];

    // stop : *
    digit += encoding[47];

    // terminaison bar
    digit += "1";

    const encodedData = {
      data: digit,
      text: dataToEncode,
    };

    return encodedData;
  }

  valid() {
    return /^[0-9a-zA-Z-. $/+%]+$/.test(this.data);
  }
}

export { CODE93 };

3 编译打包

在 jsbarcode 仓库根目录执行 npm run build

4 本地调试

1. 在 jsbarcode 仓库根目录执行 npm link
2. 在使用 jsbarcode 的仓库执行 npm link jsbarcode
3. 使用

   JsBarcode("#barcode", "1234", {
   format: "CODE93",
   width: 4,
   height: 40,
   displayValue: false,
   });

4. 显示结果

参考

维基百科 Code 93

Code 93