drawImage加载网络图片或者 base64图片数据,图片不显示
发布于 6 年前 作者 yuanping 13893 次浏览 来自 问答

项目需要制作分享图片,里面包含了用户头像(头像为网络图片),并且有小程序码(后台 base64数据);

通过drawImage的方法把图片绘制到画板上,在开发工具上能正常显示显示头像和小程序码,如下图

但是复用预览或者真机调试,头像和小程序码均不显示,如下图

头像代码:ctx.drawImage(https://wx.qlogo.cn/mmopen/vi_32/MG8dibtSbFCz553VUiafy5NMaqiaeKKPfzLibUfsoIkiatVkNWd81bibD9ND4HyiavxFZvRczKaRLBbDHyWwvU4P9qXzA/132, 20, 16, 40, 40);

小程序码代码:

ctx.drawImage(this.codeImage(), 88,  80, 70, 70);

this.codeImage() 为 图片的base64字符串

哪位知道怎么处理的请回答,急急急

2 回复

不支持直接使用网络图片,可以把图片下载后再使用drawimage,另外,canvas不支持base64

先通过wx.getImageInfo()去获取path,然后才能ctx.drawImage成功,不能直接把网络地址扔进去、、、、。并且base64要转成图片了才能画。。。

回到顶部