tui-qrcode 生成二维码

介绍

生成二维码示例

引入

引入js库 weapp-qrcode.js 。

//uni-app
import qrCode from '../../../libs/weapp-qrcode.js';

//微信小程序
const qrCode = require('../../../libs/weapp-qrcode.js');

代码演示

以下仅为部分介绍说明，具体使用请参考示例程序。

<!--uni-app-->
<canvas 
    :style="{ width: qrcode_w + 'px', height: qrcode_w + 'px' }"
	canvas-id="couponQrcode"
	id="couponQrcode"
></canvas>

<!--微信小程序-->
<canvas style="width:{{qrcode_w}}px; height:{{qrcode_w}}px;" canvas-id="couponQrcode"></canvas>

//生成二维码
new qrCode(canvasId, {
	text: text,
	width: this.qrcode_w,
	height: this.qrcode_w,
	colorDark: '#333333',
	colorLight: '#FFFFFF',
	correctLevel: qrCode.CorrectLevel.H
});

预览

线上程序扫码预览

ThorUI组件库小程序码	H5二维码	ThorUI示例小程序码