微信小程序 canvas画布渲染云存储的图片

最新推荐文章于 2023-05-11 11:25:16 发布

暴雨课堂

最新推荐文章于 2023-05-11 11:25:16 发布

阅读量1.2k

点赞数 2

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_37170740/article/details/123415677

版权

【已解决】问题：

在云开发小程序过程种，用canvas画布渲染云存储的图片，发现不能显示。用http带头的网络图片是可以显示的，用cloud带头的云存储图片就是不行。http带头的网络图片可以展示，cloud带头的云存储图片就是不展示。

试了多种方式，都是不行。

最终解决方案：

wx.cloud.getTempFileURL（用云文件 ID 换取真实链接，公有读的文件获取的链接不会过期，私有的文件获取的链接十分钟有效期。一次最多取 50 个）

var myimg1 = 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)



                            }

                        }

                    })

效果图：