canvas.toTempFilePathSync图片在真机显示不出来
发布于 5 年前 作者 qgong 17405 次浏览 来自 问答

用toTempFilePathSync方法生成的临时文件地址，在小工具上是这样的

在真机上显示的是

，我把这个图片drawImage到画布上，结果手机上就不能正常显示这个图片，而小工具上能显示这个图片，请问这是怎么回事？

4 回复

我也是这样，选择导出的格式是png的，就导出透明的图片，选择jpg的，就导出黑色的图片

let that = this;

   console.log(that.data.imgPath)

   const ctx = wx.createCanvasContext(‘myCanvas’);

   ctx.drawImage(that.data.imgPath, 0, 0, 150, 150);

   ctx.draw(true, function () {

     wx.canvasToTempFilePath({

       x: 0,

       y: 0,

       width: 150,

       height: 150,

       destWidth: 150,

       destHeight: 150,

       canvasId: ‘myCanvas’,

       success: function (res) {

         console.log(res.tempFilePath)

         wx.saveImageToPhotosAlbum({

           filePath: res.tempFilePath,

           success(res) {

             console.log(res)

           }, fail(res) {

             console.log(res)

           }

         })

       }, fail(res) {

         console.log(‘canvasToTempFilePath’, res)

       }

     })

   });

我也是遇到同样的问题，开发工具能显示图片，保存图片，到真机就不能显示图片到画布上面了__,that.data.imgPath  是图片base64内容， 要是正常图片路径就可以显示，base64真机显示不了到画布，  我的手机机型是 小米6，微信版本6.7.2__

你好，请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

我的也是这样，我的也是小米手机。

回到顶部