1. 程式人生 > >小程式九九八十一坑之頭像模糊,誰的鍋?

小程式九九八十一坑之頭像模糊,誰的鍋?

「柒留言」更新的換國旗頭像小功能,獲取頭像顯示模糊...

1、頭像模糊

國慶之前,更新了「柒留言」小程式加國旗頭像的小功能,但是頭像模糊這個坑我在釋出新版之前還沒解決。

一直以為是程式碼出了問題,各種搜尋,巧的是正好也有類似的答案,然後我就被帶進鍋裡了,弄了半天還是模糊,無奈之下弄了個使用者自行上傳圖片生成頭像,這樣生成的頭像就能清晰顯示,先發布新版。

釋出新版後仔細研究了一下頭像,發現顯示在瀏覽器上是小圖,一度以為是自己上傳了略縮圖,於是乎重新上傳高清影象,然並 L。

最後在頭像地址上找到了問題。

2、預設模糊?

這是我的頭像地址,滑動到最右,你發現了啥?

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

/ 後面帶了個 132,猜想一下這個是頭像尺寸,於是乎搜一下微信文件,果然。

是在下輸了,怪我沒有仔細看文件,誰知道一個頭像獲取還要分尺寸的,這裡把 132 改成 0 就是高清頭像了,改的邏輯就不用多說了吧,我相信你們會的。

其實,132 的頭像用在小程式中已經很清楚了,只不過我繪製頭像時用的尺寸是 256px,差不多是把頭像放大了一倍,所以顯示是模糊的。

這個鍋,我先背為敬。

3、肝專案

最近公司在肝專案上線,儘量壓縮中午的午休時間更新一下遇到的坑。大概率不是那麼的硬核,但希望能幫大家少踩坑。

乾貨都是相對的,覺得對你有幫助點個在看吧,大佬路過就行。

Demo 已更新,線上版本未更新,加了點好玩的:

教程 | 小程式七十二變之 canvas 繪製國旗頭像

GitHub 獲取製作國旗頭像