微信小程序头像为什么是模糊的？小程序头像模糊怎么办？

「柒留言」更新的换国旗头像小功能，获取头像显示模糊...

1、头像模糊

国庆之前，更新了「柒留言」小程序加国旗头像的小功能，但是头像模糊这个坑我在发布新版之前还没解决。

一直以为是代码出了问题，各种搜索，巧的是正好也有类似的答案，然后我就被带进锅里了，弄了半天还是模糊，无奈之下弄了个用户自行上传图片生成头像，这样生成的头像就能清晰显示，先发布新版。

发布新版后仔细研究了一下头像，发现显示在浏览器上是小图，一度以为是自己上传了略缩图，于是乎重新上传高清图像，然并 L。

最后在头像地址上找到了问题。

2、默认模糊？

这是我的头像地址，滑动到最右，你发现了啥？

http://wx.qlogo.cn/mmopen/eTBFF2uBxbBTAW8ZrbmMJGuOq7nGZfGicWORE2vcZfsMwXscofgeEwevlSl8L5SFFct2ZKibzxjqNjw94r2wI2xiaibY3TKxVRPC/132

/ 后面带了个 132，猜想一下这个是头像尺寸，于是乎搜一下微信文档，果然。

是在下输了，怪我没有仔细看文档，谁知道一个头像获取还要分尺寸的，这里把 132 改成 0 就是高清头像了，改的逻辑就不用多说了吧，我相信你们会的。

其实，132 的头像用在小程序中已经很清楚了，只不过我绘制头像时用的尺寸是 256px，差不多是把头像放大了一倍，所以显示是模糊的。

这个锅，我先背为敬。

3、肝项目

最近公司在肝项目上线，尽量压缩中午的午休时间更新一下遇到的坑。大概率不是那么的硬核，但希望能帮大家少踩坑。

干货都是相对的，觉得对你有帮助点个在看吧，大佬路过就行。

Demo 已更新，线上版本未更新，加了点好玩的：

教程 | 小程序七十二变之 canvas 绘制国旗头像

GitHub 获取制作国旗头像源码