uniapp 二维码生成

最新推荐文章于 2025-09-25 15:33:42 发布

原创最新推荐文章于 2025-09-25 15:33:42 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍如何使用uQRCode插件在JavaScript中生成二维码。通过安装指定插件并正确引入，可自定义二维码的大小、颜色及错误纠正级别等属性，最终生成png格式的二维码图片。

js生成二维码

安装插件

https://ext.dcloud.net.cn/plugin?id=1287

引入插件

/* 二维码 */
import uQRCode from '../../tools/uqrcode.js';

使用

uQRCode.make({
                canvasId: 'qrcode',
                componentInstance: this,
                text: options.text,
                size: 250,
                margin: 10,
                backgroundColor: options.backgroundColor,
                foregroundColor: options.foregroundColor,
                fileType: 'png',
                correctLevel: uQRCode.errorCorrectLevel.H,
                success: res => {
                    this.imgPath = res;
                    uni.showToast({
                        title: '生成成功!'
                    });
                }
            });