日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

前端生成二維碼的優(yōu)劣 前端生成二維碼的插件( 二 )

最終效果

前端生成二維碼的優(yōu)劣 前端生成二維碼的插件


html2canvas 文檔地址:
http://html2canvas.hertzen.com/documentation
github 地址:
https://github.com/niklasvh/html2canvas
前端插件JsBarcode生成條形碼安裝和引入//安裝cnpm install jsbarcode --save//引入import JsBarcode from 'jsbarcode'頁(yè)面容器<template><!-- 條形碼容器,可選svg、canvas,或img標(biāo)簽 --><svg id="barcode"></svg><!-- or --><canvas id="barcode"></canvas><!-- or --><img id="barcode"/></template實(shí)例化不要在DOM還未加載時(shí),調(diào)用jsbarcode庫(kù),比如create生命周期
簡(jiǎn)版
JsBarcode('#barcode', 12345678,{displayValue: true // 是否在條形碼下方顯示文字})
前端生成二維碼的優(yōu)劣 前端生成二維碼的插件


復(fù)雜版
// 生成條形碼JsBarcode('#barcode', '12345678', {format: "CODE39",//選擇要使用的條形碼類型width:3,//設(shè)置條之間的寬度height:100,//高度displayValue:true,//是否在條形碼下方顯示文字text:"Axjy",//覆蓋顯示的文本fontOptions:"bold italic",//使文字加粗體或變斜體font:"fantasy",//設(shè)置文本的字體textAlign:"right",//設(shè)置文本的水平對(duì)齊方式textPosition:"top",//設(shè)置文本的垂直位置textMargin:5,//設(shè)置條形碼和文本之間的間距fontSize:15,//設(shè)置文本的大小background:"#eee",//設(shè)置條形碼的背景l(fā)ineColor:"#FF7F50",//設(shè)置條和文本的顏色 。margin:15//設(shè)置條形碼周圍的空白邊距})
前端生成二維碼的優(yōu)劣 前端生成二維碼的插件


GitHub 地址
文檔地址
條碼生成器
擴(kuò)展常用條形碼類型組成及說明
前端生成二維碼的優(yōu)劣 前端生成二維碼的插件



前端生成二維碼的優(yōu)劣 前端生成二維碼的插件



前端生成二維碼的優(yōu)劣 前端生成二維碼的插件


結(jié)語以上主要只寫了Vue版的示例,但是兩個(gè)插件都是使用原生JavaScript寫成,不依賴任何庫(kù)/框架,所以不論是Jquery還是React都可以用

推薦閱讀