前端生成二维码的优劣前端生成二维码的插件( 二 ) _云知道

最终效果

html2canvas 文档地址：
http://html2canvas.hertzen.com/documentation
github 地址：
https://github.com/niklasvh/html2canvas

前端插件JsBarcode生成条形码安装和引入//安装cnpm install jsbarcode --save//引入import JsBarcode from 'jsbarcode'页面容器

<template><!-- 条形码容器，可选svg、canvas，或img标签 --><svg id="barcode"></svg><!-- or --><canvas id="barcode"></canvas><!-- or --><img id="barcode"/></template

实例化不要在DOM还未加载时，调用jsbarcode库，比如create生命周期
简版
JsBarcode('#barcode', 12345678,{displayValue: true // 是否在条形码下方显示文字})

复杂版

 // 生成条形码JsBarcode('#barcode', '12345678', {format: "CODE39",//选择要使用的条形码类型width:3,//设置条之间的宽度height:100,//高度displayValue:true,//是否在条形码下方显示文字text:"Axjy",//覆盖显示的文本fontOptions:"bold italic",//使文字加粗体或变斜体font:"fantasy",//设置文本的字体textAlign:"right",//设置文本的水平对齐方式textPosition:"top",//设置文本的垂直位置textMargin:5,//设置条形码和文本之间的间距fontSize:15,//设置文本的大小background:"#eee",//设置条形码的背景lineColor:"#FF7F50",//设置条和文本的颜色 。margin:15//设置条形码周围的空白边距})