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

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

1、头像模糊

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

小程序九九八十一坑之头像模糊,谁的锅?

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

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

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

2、默认模糊?

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

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

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

小程序九九八十一坑之头像模糊,谁的锅?

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

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

这个锅,我先背为敬。

3、肝项目

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

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

Demo 已更新,线上版本未更新,加了点好玩的:

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

GitHub 获取制作国旗头像源码

 

posted @ 2019-10-15 00:07  我是玖柒后  阅读(...)  评论(... 编辑 收藏