小程序生成普通二维码

最新推荐文章于 2024-07-23 17:14:31 发布

原创最新推荐文章于 2024-07-23 17:14:31 发布 · 626 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种在微信小程序中生成和保存二维码的方法，利用weapp-qrcode库初始化二维码对象，设置宽度、颜色等属性，并提供了生成二维码图片及长按保存至相册的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始化qrcode对象

function rpx2px(value) {
const rate = wx.getSystemInfoSync().windowWidth / 750
    return rate * value
    }
    
let qrcode;
const QRCode = require('../../../utils/weapp-qrcode.js')
const qrcodeWidth = rpx2px(500)
 
  onReady: function () {
    qrcode = new QRCode('canvas', {
      usingIn: this, // usingIn 如果放到组件里使用需要加这个参数
      text: "",
      image: '',
      width: qrcodeWidth,
      height: qrcodeWidth,
      colorDark: "#000",
      colorLight: "white",
      correctLevel: QRCode.CorrectLevel.H,
    });
  },

生成图片


   qrcode.makeCode('https://xxx' + val, () => {
      // qrcode.makeCode(val, () => {
      console.log('make')
      
    })

长按保存图片

 // 长按保存
  save: function () {
    console.log('save')
    wx.showActionSheet({
      itemList: ['保存图片'],
      success: function (res) {
        console.log(res.tapIndex)
        if (res.tapIndex == 0) {
          qrcode.exportImage(function (path) {
            wx.saveImageToPhotosAlbum({
              filePath: path,
            })
          })
        }
      }
    })
  },