angular2--使用JsBarcode生成条形码

1、下载js文件

JsBarcode.all.min.js

2、在angular.json文件里引入js

3、在typings.d.ts文件里定义变量

declare var JsBarcode: any ;

4、html

<!--条形码 S-->
<div class="code-top"><img id="imgcode" />
</div>
<!--条形码 E-->

4、css

.code-top{width: 80%;margin: 0 auto;
}
.code-top img{width: 100%;
}

4、ts

codeNum:any="8610212021208984456";
ngOnInit() {var reg = /(\d{8})\d{4}(\d{7})/;let JsBarcodeNum = this.codeNum;setTimeout(() => {//生成条形码JsBarcode("#imgcode", JsBarcodeNum, {//format: "CODE39",//选择要使用的条形码类型//width:3,//设置条之间的宽度height: 80, //高度displayValue: false, //是否在条形码下方显示文字//text:JsBarcodeNum,//覆盖显示的文本//fontOptions:"bold italic",//使文字加粗体或变斜体//font:"fantasy",//设置文本的字体//textAlign:"left",//设置文本的水平对齐方式// textPosition:"top",//设置文本的垂直位置//textMargin:0,//设置条形码和文本之间的间距//fontSize:15,//设置文本的大小background: "#ffffff", //设置条形码的背景lineColor: "#000000", //设置条和文本的颜色。//margin:15//设置条形码周围的空白边距});this.codeNum = this.codeNum.replace(reg, "$1****$2").replace(/(.{4})/g, "$1 ");}, 500)}

angular2--使用JsBarcode生成条形码相关推荐

使用JsBarcode生成条形码
引入jquery和JsBarcode.all.js(注意:引入JsBarcode.js无效) github地址:https://github.com/lindell/JsBarcode 代码: < ...
html如何生成条形码,前端如何生成条形码---JsBarcode
React 生成条形码代码注:需引入 jsbarcode 插件 import React from 'react'; import JsBarcode from 'jsbarcode'; class ...
JS生成条形码/二维码 barcode.js、JsBarcode
JS生成条形码/二维码 barcode.JsBarcode JsBarcode Barcode.js 以下代码均非纯原创.新手小白.网上一搜一大把的概念也不写了,直接上可运行的代码及遇到的小坑. Js ...
vue 项目中生成条形码（jsbarcode）
条形码插件介绍和使用安装: cnpm install jsbarcode --save 引入:在要生成条形码的页面引入即可 import JsBarcode from 'jsbarcode' 3.二 ...
vue中生成条形码(jsbarcode)、二维码(qrcodejs2)
1.条形码插件jsbarcode 安装:npm install jsbarcode --save 引入:在需要生成条形码的页面引入即可 import JsBarcode from 'jsbarcode ...
使用js生成条形码以及二维码
一.用js生成条形码这种业务场景不是很常见的,最近刚好又接到这种需求 Google一下,发现github还真有这方面的轮子,感谢github,省去了我们很多造轮子的过程, 好了言归正传,首先引入jsb ...
vue生成条形码和二维码并打印
文章目录前言一.生成条形码二.生成二维码三.效果图四.打印前言最近有一个需求,需要将产品信息生成标签,每个信息生成一个条形码,拿到所有数据生成二维码,最后打印标签. 一.生成条形码使用 ...
angular如何生成条形码下载条形码
多条下载打包zip参考(26条消息) 如何生成下载条形码,下载多条打包(angular)_会写编程的恐龙的博客-CSDN博客 1.下载jsBarcode.js文件 https://github.com ...
js 生成条形码例子
下载生成条形码的js,我下载的是JsBarcode.all.min.js,地址为GitHub - lindell/JsBarcode: Barcode generation library writt ...
前端js html转换成pdf可下载打印；前端js可批量生成条形码；前端js可批量生成二维码，生成letter标签
注意:本文调试的是letter纸尺寸前端js html转换成pdf可下载打印 html2canvas + jspdf 前端js生成条形码 Options · lindell/JsBarcode ...

angular2--使用JsBarcode生成条形码

angular2--使用JsBarcode生成条形码相关推荐

最新文章

热门文章