收藏
回答

关于画布保存临时文件的问题

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 canvasToTempFilePath 客户端 iOS 6.6.5 1.9.93

ctx.draw(true, function () {

     wx.canvasToTempFilePath({

       canvasId: 'posterCanvas',

       success: function (res) {

         console.log(res.tempFilePath)

         self.setData({

           posterImageUrl: res.tempFilePath

         })

       }

     })

   })

上述代码完成后得到的posterImageUrl传递给image组件的src在开发者工具内调试时,为什么该图片无法显示?如果要实现画布完成后产生的图片文件在画面上要展示的要求,应该如何使用API?感谢回答。


最后一次编辑于  2018-03-22  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

10 个回答

  • 黄思程
    黄思程
    2018-03-22

    开发工具更新到最新版试试

    https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=1395557014&docid=00066cb6ae4f583cea7608da252000

    2018-03-22
    赞同
    回复
  • 李敏
    李敏
    2018-03-22

    下载最新内测版本尝试了,临时文件确实能够在IDE环境下Image组件中显示了,但问题又来了,远程真机调试却又显示不出来了。

    对比了下,

    IDE下产生的临时文件是http://开头的。比如:

    http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.BhDKGQnUnnqv4cb9a595b7bcb29612cd11fb3d874a5f.png

    但在远程真机下文件是wxfile://开头的,比如:

    wxfile://tmp_65b2490fa867834bbf83949c0e080f47.png


    两者差异这么大,让开发人员如何判断开发效果?


    wxss中定义的属性

    .poster-class-hidden{

        visibility: hidden;

    }

    在IDE模式下,可以保证元素隐藏,但在真机下却不起作用了。


    2018-03-22
    赞同
    回复
  • 李敏
    李敏
    2018-03-23

    另外,我今天刚尝试了,即使是在IDE环境下Image组件中显示了canvas生成的临时图片,但在调用保存到相册的时候又提示错误信息了。

    临时图片为:http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.zwjJ96Cqe49V4cb9a595b7bcb29612cd11fb3d874a5f.png


    2018-03-23
    赞同
    回复
  • 李敏
    李敏
    2018-03-26

    Canvas保存的临时文件

    IDE下产生的临时文件是http://开头的。比如:

    http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.BhDKGQnUnnqv4cb9a595b7bcb29612cd11fb3d874a5f.png

    但在远程真机下文件是wxfile://开头的,比如:

    wxfile://tmp_65b2490fa867834bbf83949c0e080f47.png


    wxfile://协议下的临时文件,Image组件如何显示?

    2018-03-26
    赞同
    回复
  • 李敏
    李敏
    2018-03-26

    没有呢,所以我只能改变策略,服务端生成图片。

    官方小程序的开发人员,能来回复一下这个问题吗?

    到底应该怎么使用。

    2018-03-26
    赞同
    回复
  • 杨俊宁
    杨俊宁
    2018-03-26

    https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0004a8832089c03013860e8c25bc00&token=1649357056&devtools=1&comment_lvl=5

    2018-03-26
    赞同
    回复
  • YANGTENG
    YANGTENG
    2018-04-17

    下载最新内测版本尝试了,临时文件确实能够在IDE环境下Image组件中显示了,但问题又来了,远程真机调试却又显示不出来了。

    对比了下,

    IDE下产生的临时文件是http://开头的。比如:

    http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.BhDKGQnUnnqv4cb9a595b7bcb29612cd11fb3d874a5f.png

    但在远程真机下文件是wxfile://开头的,比如:

    wxfile://tmp_65b2490fa867834bbf83949c0e080f47.png


    在手机上使用<image控件中无法显示图片;但在开发工具上可以正常显示;请问这是什么问题;


    求解决方案

    2018-04-17
    赞同
    回复
  • Dream Once Again
    Dream Once Again
    2018-04-18

    要想显示图片,能长按保存那一种,现在只有把生成好的临时路径放到

    wx.previewImage({urls: [],})

    里面,就能够像正常图片一样,

    2018-04-18
    赞同
    回复
  • YANGTENG
    YANGTENG
    2018-04-18

    不行,就是要图片正常显示;但是还是不行

    2018-04-18
    赞同
    回复
  • 谭畅
    谭畅
    2018-07-11

    您好请问您是如何解决问题的

    2018-07-11
    赞同
    回复