【已解决】问题:
在云开发小程序过程种,用canvas画布 渲染云存储的图片,发现不能显示。用http带头的网络图片是可以显示的,用cloud带头的云存储图片就是不行。http带头的网络图片可以展示,cloud带头的云存储图片就是不展示。
试了多种方式,都是不行。
最终解决方案:
wx.cloud.getTempFileURL(用云文件 ID 换取真实链接,公有读的文件获取的链接不会过期,私有的文件获取的链接十分钟有效期。一次最多取 50 个)
varmyimg1=canvas.createImage()wx.cloud.getTempFileURL({fileList:['cloud://xxxxxxxx云存储图片'], //需替换成自己的success:res2=>{console.log(res2.fileList[0].tempFileURL)myimg1.src=res2.fileList[0].tempFileURL//网络图片myimg1.onload=()=>{ctx.drawImage(myimg1,0,0,res[0].width,res[0].height)}}})
效果图:
ps:
微信小程序开发交流QQ群:897729103
本人微信:649231659,承接软件开发&学习交流
微信小程序学习视频:
(新-30节免费)60W用户微信小程序实战-吃透微信小程序开发-基础+高阶课程【共113课时】_其他课程-51CTO学堂
微信小程序-WebSocket(Workerman-PHP)即时通讯 点对点、多人聊天室【共21课时】_JavaScript课程-51CTO学堂
从购买服务器(秒杀)配置宝塔LAMP环境(域名解析、免费SSL申请)Linux常用命令解析【共15课时】_PHP课程-51CTO学堂
H5网页-WebSocket(Workerman-PHP)即时通讯 点对点、多人聊天室【共28课时】_JavaScript课程-51CTO学堂
如果觉得《微信小程序 canvas画布 渲染云存储的图片》对你有帮助,请点赞、收藏,并留下你的观点哦!