ionic + angualr 使用JSBarcode生成条码

 

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//设置条形码周围的空白边距
      });

即可