angularjs 我想在顶部和底部的角形条形码像替代文本添加文本

3lxsmp7m  于 2023-11-16  发布在  Angular
关注(0)|答案(1)|浏览(111)

我想在顶部和底部的Angular 条码指令像替代文本添加文本。我已经在底部添加替代文本,但想在顶部也添加。
angular-barcode使用JsBarcode库。我在angular-barcode指令中使用canvas渲染。我试图通过创建canvas对象来添加基于此example的文本,但它不起作用。如果有人有我如何解决它的想法。请建议我。非常感谢您的帮助
我想在angular-barcode中添加像this这样的文本
refer this link

oyxsuwqo

oyxsuwqo1#

如果画布没有写入HTML,则链接提供的同步解决方案将无法工作。
这里更好的解决方案是使用JSBarcode的text选项来覆盖条形码下显示的默认文本。
下面是我为这个问题编写的代码片段。

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
            textPosition: "top" // decide whether to display the text above or below the barcode.
});

// [Your method of writing the barcode]

字符串
这将替换条形码下的默认文本,但当您扫描条形码时,输入的值将被读取。在这种情况下,输入的值是变量barcode
在这里查看官方文档-> https://github.com/lindell/JsBarcode/wiki/Options#text

相关问题