ionic + angualr 使用JSBarcode生成条码

人生如游戏---

于 2020-06-20 23:57:24 发布

阅读量979

点赞数

分类专栏： Cordova | Ionic | angular

本文链接：https://blog.csdn.net/samrtian/article/details/106879702

版权

Cordova | Ionic | angular 专栏收录该内容

25 篇文章

订阅专栏

本文详细介绍如何使用JSBarcode库在网页中生成条形码。步骤包括：通过npm安装JSBarcode；在HTML页面中创建SVG元素；在TS文件中导入并调用JSBarcode函数，设置条形码样式参数如宽度、高度、显示值等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://www.npmjs.com/package/jsbarcode 使用说明介绍

step 1 安装jsbarcode

npm i jsbarcode

step 2 要使用的页面HTML放置


<svg id="barcode"></svg>

step 3 要使用的页面ts放置

import * as JsBarcode  from 'jsbarcode'



sBarcode('#barcode', this.salesId, {
        //format: "CODE39",//选择要使用的条形码类型
        width: 1,//设置条之间的宽度
        height: 40,
				displayValue: true, //是否在条形码下方显示文字
				//text:JsBarcodeNum,//覆盖显示的文本
				// fontOptions:"bold italic",//使文字加粗体或变斜体
				//font:"fantasy",//设置文本的字体
				//textAlign:"left",//设置文本的水平对齐方式
				// textPosition:"top",//设置文本的垂直位置
				//textMargin:0,//设置条形码和文本之间的间距
				fontSize:15,//设置文本的大小
				background: "#ffffff", //设置条形码的背景
				lineColor: "#000000", //设置条和文本的颜色。
				//margin:15//设置条形码周围的空白边距
      });

即可