小程序之旅(5) 根据字符串生成二维码

最新推荐文章于 2023-12-07 15:26:51 发布

原创最新推荐文章于 2023-12-07 15:26:51 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

小程序同时被 2 个专栏收录

11 篇文章

订阅专栏

二维码

2 篇文章

订阅专栏

本文介绍了一种在微信小程序中生成二维码的方法，推荐使用weapp-qrcode.js库。通过简单的代码示例，展示了如何将该库引入项目并生成指定内容的二维码。

1.推荐使用weapp.qrcode.js

2.github地址：https://github.com/yingye/weapp-qrcode#readme，dist目录下有weapp.qrcode.js

使用方法：

<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>

// 将 dist 目录下，weapp.qrcode.js 复制到项目目录中,在需要生成二维码页面的js文件引入。
import drawQrcode from '../../utils/weapp.qrcode.js' 
data:{
    text:"生成二维码哒哒哒"
}
draw(){
    drawQrcode({ 
    width: 200, //二维码宽高,宽高要与canvas标签宽高一致
    height: 200, 
    canvasId: 'myQrcode', 
    text:this.data.text //二维码内容
  })
}