首页 > 建站教程 > 小程序、公众号 >  uniapp 生成二维码正文

uniapp 生成二维码

uniapp 生成二维码的方法:uqrcode.js的详细用法


1、引入uqrcode.js

import UQrcode from '@/common/uqrcode.js'


2、展示二维码的canvas:

<canvas canvas-id="qrcode" style="width:400rpx; height: 400rpx; margin-bottom: 20rpx;"></canvas>


3、生成二维码:

UQrcode.make({
   canvasId: 'qrcode',   // 对应上面的canvas-id
   componentInstance: this,
   text: '我爱模版网',  // 需要转成二维码的内容
   size: uni.upx2px(400),
   margin: 0,
   backgroundColor: '#ffffff',
   foregroundColor: '#000000',
   fileType: 'jpg',
   errorCorrectLevel: UQrcode.errorCorrectLevel.H,
})


点击下载uqrcode.js