解决微信头像模糊 -- 小技巧

问题背景
在我们自己研发的页面里我们经常会使用微信的jssdk获取微信用户的头像和妮称。
一般情况下,我们的展示的头像都比较小,不会有模糊的问题。但是如果头像显示的比较大时,图片的模版的问题就会显现出来,尤其在iphone手机上。比如下面的图。

解决微信头像模糊 -- 小技巧_第1张图片

解决方案
我们提取了下微信头像的地址。例如: http://thirdwx.qlogo.cn/mmope...

分析其地址发现,其地址尾部数组(/132)就是对图片进行的压缩。我们把其132更换为0,图片立刻变大变清晰了。
知道其原因,我们就好办了。我对其地址进行了简单的改造。就实现图片清晰啦。

src = src.replace(/\/\d*$/, '/0');

关注

欢迎关注小站小滑轮,小站都是平时工作中积累的一些小工具。是不是你们工作中也会遇到呢。关于小站的内容也可以在博客下面留言哦。有什么使用的工具想让我补充,也可以留言。

clipboard.png

你可能感兴趣的:(微信,h5页面,web,html,javascript)