QRCode.js？
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。
在vue里使用qrcodeJs
安装
npm install qrcodejs2
引入
import QRCode from 'qrcodejs2'
布局
<div class="qrcode" ref="qrCodeUrl"></div>
生成
creatQrCode() {
var qrcode = new QRCode(this.$refs.qrCodeUrl, {
text: 'https://www.qtshe.com', //二维码生成地址
width: 100,
height: 100,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})
},
调用
this.creatQrCode();
在html里使用qrcodeJs
<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"),
"https://www.qtshe.com" // 设置要生成二维码的链接
);
</script>
详细的配置参数参考
new QRCode(element,option)
参数配置参考图.png
容错级别有
QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H
API方法
qrcode.makeCode(text) //设置二维码内容
qrcode.clear() //清除二维码。
兼容性
IE6〜10，Chrome，Firefox，Safari，Opera，Mobile Safari，Android，Windows Mobile等
