小程序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")