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


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

    1、头像模糊

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

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

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

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

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

    2、默认模糊?

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

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

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

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

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

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

    这个锅,我先背为敬。

    3、肝项目

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

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

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

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

    GitHub 获取制作国旗头像源码

  • 相关阅读:
    博客样式备份
    2018年终总结
    技术博客的太监
    LeetCode 日常填坑
    互联网之父
    TotoiseSVN的使用方法
    常用CMD命令
    量化策略
    浏览器加载js的阻塞与非阻塞
    Vue核心之数据劫持
  • 原文地址:https://www.cnblogs.com/msunh/p/11675013.html
Copyright © 2020-2023  润新知