前端生成二维码

我们使用qrcode 的js库快速生成

1、话不多说直接下载

// npm 下载
npm i --save qrcodejs2// html引入
<script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>

2、使用dome

html

// 加入二维码占位区HTML
<div id="code"></div>

js

// 创建qrcode对象
let qrcode = new QRCode(this.$refs.qrCodeUrl, {//  设置二维码内容 前面有http | https 的扫描会自动跳转text: "https://www.baidu.com",//  设置大小width: winW / 5,height: winW / 5,//  定义颜色colorDark: "#000000",colorLight: "#ffffff",correctLevel: QRCode.CorrectLevel.H});

二维码生成倒也不麻烦，

canvas多个是可以合成一个的 具体可看我的下一条博客

下载canvas绘制的图片也可在我的下一条博客中找到