小程序canvas 遇到的一些坑

最近公司要实现小程序端生成海报,用到了小程序码,商品图,自定义背景,用户头像二维码等
image.png

由于一直用的微信开发者工具开发,到了真机上,发现有部分机型会出现生成图片白屏的情况


image.png

查阅文档上,发现获取canvas的时候要加上this

let ctx = uni.createCanvasContext("myQrcode",this);

但是这样的话,开发者工具就会报错了


image.png

由于canvas 不支持网络图片,所以需要把图片下载到本地,但是问题来了,微信头像地址有些域名地址是http://thirdwx.qlogo.cn开头的,设置合法域名,发现只能设置https开头的,无奈,在后面加个S,也无法打开头像,经过一番折腾,发现,可以用https://wx.qlogo.cn替换

res2.Return_data.UserHeadPath=res2.Return_data.UserHeadPath.replace("http://thirdwx.qlogo.cn", "https://wx.qlogo.cn")
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容