前端生成二维码

前端生成二维码

我们使用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绘制的图片也可在我的下一条博客中找到