ctx.draw(true, function () {
wx.canvasToTempFilePath({
canvasId: 'posterCanvas',
success: function (res) {
console.log(res.tempFilePath)
self.setData({
posterImageUrl: res.tempFilePath
})
}
})
})
上述代码完成后得到的posterImageUrl传递给image组件的src，在开发者工具内调试时，为什么该图片无法显示？如果要实现画布完成后产生的图片文件在画面上要展示的要求，应该如何使用API？感谢回答。
开发工具更新到最新版试试
https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=1395557014&docid=00066cb6ae4f583cea7608da252000
下载最新内测版本尝试了，临时文件确实能够在IDE环境下Image组件中显示了，但问题又来了，远程真机调试却又显示不出来了。
对比了下，
IDE下产生的临时文件是http://开头的。比如：
http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.BhDKGQnUnnqv4cb9a595b7bcb29612cd11fb3d874a5f.png
但在远程真机下文件是wxfile://开头的，比如：
wxfile://tmp_65b2490fa867834bbf83949c0e080f47.png
在手机上使用<image控件中无法显示图片；但在开发工具上可以正常显示；请问这是什么问题；
求解决方案
Canvas保存的临时文件
IDE下产生的临时文件是http://开头的。比如：
http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.BhDKGQnUnnqv4cb9a595b7bcb29612cd11fb3d874a5f.png
但在远程真机下文件是wxfile://开头的，比如：
wxfile://tmp_65b2490fa867834bbf83949c0e080f47.png
wxfile://协议下的临时文件，Image组件如何显示？
下载最新内测版本尝试了，临时文件确实能够在IDE环境下Image组件中显示了，但问题又来了，远程真机调试却又显示不出来了。
对比了下，
IDE下产生的临时文件是http://开头的。比如：
http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.BhDKGQnUnnqv4cb9a595b7bcb29612cd11fb3d874a5f.png
但在远程真机下文件是wxfile://开头的，比如：
wxfile://tmp_65b2490fa867834bbf83949c0e080f47.png
两者差异这么大，让开发人员如何判断开发效果？
wxss中定义的属性
.poster-class-hidden{
visibility: hidden;
}
在IDE模式下，可以保证元素隐藏，但在真机下却不起作用了。
您好请问您是如何解决问题的
不行，就是要图片正常显示；但是还是不行
要想显示图片，能长按保存那一种，现在只有把生成好的临时路径放到
wx.previewImage({urls: [],})
里面，就能够像正常图片一样，
https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0004a8832089c03013860e8c25bc00&token=1649357056&devtools=1&comment_lvl=5
没有呢，所以我只能改变策略，服务端生成图片。
官方小程序的开发人员，能来回复一下这个问题吗？
到底应该怎么使用。
另外，我今天刚尝试了，即使是在IDE环境下Image组件中显示了canvas生成的临时图片，但在调用保存到相册的时候又提示错误信息了。
临时图片为：http://tmp/wxd391827e015e7a8e.o6zAJszN_NXmo2Tk3e6N8yM0vZfw.zwjJ96Cqe49V4cb9a595b7bcb29612cd11fb3d874a5f.png