.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(要转换的链接),

});

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐