.wxml
先在wxml文件中创建绘制的 ‘canvas’,定义其 'canvas-id' 和 类名,方便canvas绘图的定位和样式的修改。
<canvas class="myQrcode" canvas-id="myQrcode"></canvas>
.js
需要引入特定的文件,获取在微信小程序将链接转换为二维码的特定方法。
1. 可以使用 “npm install weapp-qrcode --save ”,构建npm;
2. 将输入的node_modules 中dist 文件夹下的 weapp.qrcode.esm.js 文件移动到项目中的 utils 文件中。
3. 在需要使用 “链接转二维码功能” 的 index.js 文件中引入weapp.qrcode.esm.js 文件。
const qrcode = require('../../utils/weapp.qrcode.esm.js');
4. 使用该方法,设置绘制的二维码的宽高和要转换的链接。(首先要获取要绘制 canvas 区域的canvas-id,定位好)。
qrcode({
width: (宽度,以px为单位),
height: (高度,以px为单位),
canvasId: 'myQrcode'(canvas-id),
text: this.data.qrCodeUrl(要转换的链接),
});