# 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示例小程序码 |