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

1、头像模糊

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

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

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

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

2、默认模糊？

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

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

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

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

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

这个锅，我先背为敬。

3、肝项目

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

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

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

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

GitHub 获取制作国旗头像源码

微信小程序头像为什么是模糊的？小程序头像模糊怎么办？的更多相关文章

  1. 微信小程序开发系列（一）小程序开发初体验

    开发小程序所需的基本技能   关于小程序的介绍和使用场景这里不作介绍,这个系列的文章会一步一步地带领大家快速地学习和掌握小程序的开发. 关于还没有接触过小程序的开发者来说,最关心的问题无非就是,开发小 ...

  2. 将小程序的logo换成属于自己的头像

    $logo = file_get_contents(IMG_URL.$logo); //根据头像的路径 $logo = yuanImg1($logo); //将头像改为圆形 $data = file_ ...

  3. [转]微信小程序开发系列（一）小程序开发初体验

    本文转自:http://www.cnblogs.com/rennix/p/6287432.html 开发小程序所需的基本技能   关于小程序的介绍和使用场景这里不作介绍,这个系列的文章会一步一步地带领 ...

  4. 微信小程序开发系列（二）小程序的全局文件

    其实你已经知道了小程序的文件结构 上一节讲到,小程序的页面由三部分组成: 视图(.wxml).逻辑(.js).样式(.wxss). 我们这次重新展开文件结构: 小程序用到的文件类型只有四种,正如你所看 ...

  5. 微信小程序-----安装，编写第一个小程序和运行到手机端

    第一步: 微信公众平台注册账号,并选择小程序,网址:mp.weixin.qq.com 填写相关信息,如:主体类型(个人或者企业) AppID  在开发中都是用的到的,服务器域名在网络请求也是用的到的. ...

  6. 微信中的APP、公众号、小程序的openid及unionid介绍

    微信中的APP.公众号.小程序的openid及unionid介绍 1.unionid 如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过 UnionID 来区分用户的唯一性,因为只 ...

  7. 类似微信聊天小程序-网易云信，IM DEMO小程序版本

    类似微信聊天小程序-网易云信,IM DEMO小程序版本 代码地址: https://github.com/netease-im/NIM_Web_Weapp_Demo 云信IM DEMO 小程序版本 ( ...

  8. 微信小程序内嵌网页 网站生成小程序

    1. 进入小程序后台 - 设置 - 开发设置 2. 添加业务域名(小程序只支持https) 3. 小程序代码 <web-view src="网址"></web-v ...

  9. 微信小程序中跳转另一个小程序

    wx.navigateToMiniProgram({ appId: 'xxxxxxxxxxxxxxxxxx', // 要跳转的小程序的appid path: 'page/index/index', / ...

  10. 小程序支持打开APP了 还有小程序的标题栏也可以自定义

    就在刚刚,小程序上线两个新能力——小程序支持打开APP了,小程序的标题栏区域开放自定义.用户可以在小程序里更方便地获取到APP的服务了——APP链接分享到微信,打开小程序页面后,用户从该小程序页面里, ...

随机推荐

  1. c++-继承的学习

    继承的基本概念 继承和派生 继承概念 派生类的访问控制(继承三种方式.类三种访问控制.三看原则)综合训练 继承中的构造和析构 类型兼容性原则 继承中的构造和析构 继承中同名成员函数.成员变量处理方法 ...

  2. IDEA开发、测试、生产环境pom配置及使用

    pom文件 一般放在最下面,project里 <!--开发环境.测试环境.生产环境--> <!--生产环境--> <profiles> <profile> ...

  3. Appium(七)：Appium API(一) 应用操作

    1. 应用操作 本章所罗列的方法主要针对应用的操作,如应用的安装.卸载.关闭.启动等. 把前面的启动代码放在这里,后面只展示不同的部分. # coding:utf-8 from appium impo ...

  4. php有必要用swoole吗

    在 Swoole 官网的自我介绍是“面向生产环境的 PHP 异步网络通信引擎”,首先 Swoole 它是一个网络应用的开发工具,它支持 Http.TCP.UDP.WebSocket. Swoole 和 ...

  5. android studio 常见编译问题及解决思路总结

    问题一:编译运行成功后放置一段时间后再运行会报错 这个问题让我纠结了不少时间,最后才发现遇到类似的错误,clear一下project就好了.这个一般是上次生成的临时文件和这次的有冲突造成的. 问题二: ...

  6. RabbitMQ 离线安装（带视频）

    疯狂创客圈 Java 高并发[ 亿级流量聊天室实战]实战系列 [博客园总入口 ] 架构师成长+面试必备之 高并发基础书籍 [Netty Zookeeper Redis 高并发实战 ] 疯狂创客圈 高并 ...

  7. 文件系统常用命令与fdisk分区

    一.硬盘结构 1.硬盘的逻辑结构 硬盘的大小是使用"磁头数×柱面数×扇区数×每个扇区的大小"这样的公式来计算的.其中磁头数(Heads)表示硬盘总共有几个磁头,也可以理解成为硬盘有 ...

  8. 一起学SpringMVC之国际化

    随着网络的发展,在Web开发中,系统的国际化需求已经变得非常的普遍.本文主要讲解SpringMVC框架对多语言的支持,仅供学习分享使用,如有不足之处,还请指正. 什么是国际化? 国际化(interna ...

  9. ES6-map数据结构，增加、删除、查找 方法(set get has delete clear ) 属性：size

    map数据结构: 本质上是键值对的集合,类似集合: 可以遍历,方法很多,可以跟各种数据格式转换. let json = { name:'ananiah', age:'18' } //效率低 需要遍历j ...

  10. Kali Linux configuration "Ettercap"

    Xx_Instroduction Ettercap is a man-in-the-middle attack(MITM) tool,kali take this tool,so,use front ...