我想在角度条形码的顶部和底部添加文本，例如替代文本

Question

我想在角度条形码指令的顶部和底部添加文本，例如替代文本。我已经在底部添加了替代文本，但也想在顶部添加。

angular-barcode 使用 JsBarcode 库。我在角度条形码指令中使用画布渲染。我尝试通过创建画布对象来添加基于此example的文本，但它不起作用。如果有人知道我该如何解决它。请建议我。非常感谢您的帮助

我想在角度条形码中添加像this这样的文本

参考此链接

Answer 1

如果您的画布未写入 HTML，则您的链接提供的同步解决方案将不起作用。

这里更好的解决方案是使用 JSBarcode 的文本选项来覆盖条形码下显示的默认文本。

这是我为这个问题编写的代码片段。

import * as JsBarcode from 'jsbarcode';
import { Canvas } from 'canvas';

...

const canvas = new Canvas(400, 400);
const barcode = "11011011";
const displayText = "My Custom Text Here";

JsBarcode(canvas, barcode, {
            flat: true,
            text: displayText
});

// [Your method of writing the barcode]

这将替换条形码下的默认文本，但当您扫描条形码时，将读取输入的值。在这种情况下，输入的值是变量

barcode

。

在此处查看官方文档 -> https://github.com/lindell/JsBarcode/wiki/Options#text