微信小程序保存二维码的过程

本文介绍: 获取用户的授权状态，并在用户同意授权后才能执行保存操作。需要注意的是，保存图片到相册需要用户授权，因此在调用。保存绘制的二维码图片到相册。将二维码绘制到画布上。之前，开发者需要先调用。3.另外，在小程序的。

1.使用wx.canvasToTempFilePath将二维码绘制到画布上。

const ctx = wx.createCanvasContext('qrcodeCanvas');
ctx.drawImage('qrcodePath', 0, 0, canvasWidth, canvasHeight);
ctx.draw(false, () =&gt; {
  wx.canvasToTempFilePath({
    x: 0,
    y: 0,
    width: canvasWidth,
    height: canvasHeight,
    destWidth: canvasWidth,
    destHeight: canvasHeight,
    canvasId: 'qrcodeCanvas',
    success: (res) =&gt; {
      const tempFilePath = res.tempFilePath;
      // 接下来进行保存操作
    },
    fail: (err) =&gt; {
      console.error('canvasToTempFilePath failed', err);
    }
  });
});

2.利用wx.saveImageToPhotosAlbum保存绘制的二维码图片到相册。

wx.saveImageToPhotosAlbum({
  filePath: tempFilePath,
  success: (res) => {
    console.log('saveImageToPhotosAlbum success', res);
    wx.showToast({
      title: '保存成功',
      icon: 'success',
      duration: 2000
    });
  },
  fail: (err) => {
    console.error('saveImageToPhotosAlbum failed', err);
    wx.showToast({
      title: '保存失败',
      icon: 'none',
      duration: 2000
    });
  }
});

需要注意的是，保存图片到相册需要用户授权，因此在调用wx.saveImageToPhotosAlbum之前，开发者需要先调用wx.getSetting获取用户的授权状态，并在用户同意授权后才能执行保存操作。

3.另外，在小程序的app.json文件中，需要添加相应的权限声明：

{
  "permission": {
    "scope.userLocation": {
      "desc": "保存图片到相册"
    }
  }
}

原文地址:https://blog.csdn.net/weixin _59525879/article/de tails/134761511

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_41612.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

ctx wx 二维码

相关文章

发表回复 取消回复

发表回复取消回复