项目中快速简单使用第三方库qrcode生成二维码

概述：

二维码的本质其实只是将一些数据（字符串）变成黑和白两种小点用二进制的方式显示出来而已，主要是通过获取 DOM 的标签,再通过 HTML Canvas 绘制而成

一般无论是扫公众号，小游戏，还是网站，支付，都只是一个字符串链接，实际上扫描以后，微信访问链接，就能实现扫一扫功能了

 

生成二维码

1.下载第三方的生成二维码包

npm install --save qrcode

2.导入到页面中并使用

import QRCode from 'qrcode'

3.获取dom元素，生成二维码

QRCode.toCanvas(canvas标签（画布）,要转的二维码的字符串,[配置，基本上是以对象的形式],[cb(error)]）

QRCode.toCanvas(canvasElement,text,[options],[cb(error)]）

 这个插件的原理是自动在一个canvas dom上面画出一个二维码，他需要：

• canvas dom
• 字符串
• 设置options如宽度，颜色【可选】

4.事例：

template：创建画布结构

 script：引入下载好的包

使用生成二维码，根据需求设置options样式：

 

5.效果