ctx.draw(true, function () {
wx.canvasToTempFilePath({
canvasId: ‘posterCanvas’,
success: function (res) {
console.log(res.tempFilePath)
self.setData({
posterImageUrl: res.tempFilePath
})
}
})
})
上述代码完成后得到的posterImageUrl传递给image组件的src,在开发者工具内调试时,为什么该图片无法显示?如果要实现画布完成后产生的图片文件在画面上要展示的要求,应该如何使用API?感谢回答。
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
在手机上使用<image控件中无法显示图片;但在开发工具上可以正常显示;请问这是什么问题;
求解决方案