美文网首页
小程序生成海报保存到本地(3)

小程序生成海报保存到本地(3)

作者: 张腊月 | 来源:发表于2019-07-05 13:12 被阅读0次

    在canvas画布上绘制图片成功后,需要获取用户授权保存到本地。
    onShow里面做授权判断页面显示按钮是打开设置页还是调用保存方法

    canvas的图片在开发工具中保存的图片确实有点模糊,但在真机上显示还可以。
    保存的图片上的二维码,大小要适中,要不然在苹果上长按图片是不会出现识别图中小程序码的。

    let that = this;
        wx.canvasToTempFilePath({
          width: that.data.shareCanvas.width, //canvas原本的大小
          heght: that.data.shareCanvas.height,
          destWidth: that.data.shareCanvas.width*3,  //生成图片的大小设置成canvas大小的四倍
          destHeight: that.data.shareCanvas.height*3,
          canvasId: 'shareCanvas',
          fileType: 'jpg',
          quality: 1,
          success(res) {
            wx.saveImageToPhotosAlbum({
              filePath: res.tempFilePath,
              success(result) {
                app.showSuccess('保存图片成功!');
              },
              fail(err){
                if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
                  that.setData({
                    isUserSaveImage: false
                  });
                }
              },
              complete(){
                console.log('保存图片结束!');
              }
            });
          },
          fail(res){
            app.showError('保存图片出错,请稍后重试...');
          }
        })
    

    相关文章

      网友评论

          本文标题:小程序生成海报保存到本地(3)

          本文链接:https://www.haomeiwen.com/subject/uugshctx.html