微信小程序之微信用户头像用于canvas时合法域名问题的解决

一、需求

有些情况下需要把微信用户头像用于Canvas编辑，譬如制作海报。

海报效果图

二、问题

小程序不能直接将网络图片绘制到canvas上，需要将头像地址保存到本地，然后再进行canvas绘图：

头像保存到本地

在参数正确的情况下，会报错，如下：

域名错误报告

三、解决方法

1、小程序开发设置，需要添加微信图片保存的服务器域名。

头像网络地址示意图 添加安全服务器域名

2、在代码里，做一个替换

域名替换