uqrocde生成二维码

85 阅读1分钟

文档来源:www.npmjs.com/package/uqr…
示例

import uQRCode from '@/utils/uqrcode.js'
const qrcodeImgUrl = ref('')
function qrFun(text) {
	uQRCode.make({
        canvasId: 'qrcode', // 二维码画布的 ID,确保页面中有一个对应的 <canvas id="qrcode"></canvas> 元素
        text: text, // 二维码的文本内容
        size: 240, // 二维码的尺寸
        margin: 0, // 二维码图案与边框的间距
        backgroundColor: '#ffffff', // 二维码背景颜色
        foregroundColor: '#000000', // 二维码前景颜色
        fileType: 'jpg', // 二维码图片的格式
        errorCorrectLevel: uQRCode.errorCorrectLevel.H, // 二维码容错级别,这里选择最高级别 H
    }, (res) => {
        qrcodeImgUrl.value = res // 将生成的二维码图片数据赋值给 qrcodeImgUrl 变量
    })
}