1.安装
npm install --save qrcode
2 引入
import QRCode from 'qrcode';
3 使用
QRCode.toCanvas()
直接操作DOM,适合用于将二维码直接下载到本地。
const canvas = document.getElementById('canvas'); // 获取canvas节点
QRCode.toCanvas(canvas, '女神周冬雨',{width:120,height:120
}); // 绘制二维码
说明:opts是配置参数:
二、配置参数 opts
1.margin
作用: 二维码线条到整个图片边缘的距离,类似前端的padding
类型:Number
默认: 4
2.scale
作用: 比例,比如上面的margin为4px,实际上为16px.
类型:Number
默认: 4
3.width
作用: 生成二维码图片的宽度
类型:Number
默认: 116
4.color.dark
作用: 二维码线条的颜色
类型:String
默认: ‘#000’
5.color.light
作用: 二维码背景色
类型:String
默认: ‘#fff’
页面显示如下: