使用Qrcode生成二维码

简介

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 来改变。