简介
QRcode是专门用来生成二维码的 JavaScript 库，主要通过获取DOM的标签， 再通过 HTML Canvas 绘制而成。
用法
- 1.创建一个 div 标签，设置好样式
- 2.引入qrcode资源，列如：http://static.runoob.com/assets/qrcode/qrcode.min.js
- 3.在 script 标签中通过 new QRCode(document.getElementById("qrcode"), "设置要生成二维码的链接") 即可
在vue中使用qrcode生成二维码
- 1.运行命令 npm install qrcode
- 2.在要用的页面或者组件中 import 导入 qrcode 列如：import QRCode from "qrcode"
- 3.使用时要先创建好 canvas 标签
- 4.QRCode.toCanvas("获取的canvas标签","要生成二维码的地址") 第二个参数可以是一个配置对象
配置参数
- text：要生成二维码的地址
- width；二维码的宽度
- height：二维码的高度
- colorDark：二维码的背景色
- colorLight：二维码的前景色
以上配置只是一部分配置，如果想要改变默认的边距，可以同过设置 margin 来改变。