別@官方了!雲開發教你製作個性頭像小程式,以後過節想加啥就加啥!

  • 2019 年 10 月 7 日
  • 筆記

別再@官方啦!雲開發教你輕鬆製作個性頭像小程式,趣味掛件、個性icon……想加啥就加啥!以後的每個節日,不求官方只求自己!快來get一下!

今年是祖國成立70周年(1949-2019)

提前祝祖國母親生日快樂~

在國慶即將來臨之際

朋友圈又興起了一波 「@微信官方」 風!

在這裡插入圖片描述

網友的萬千種呼喚中,

有像上方網友一樣請官方為頭像加上國旗的,

有硬核的同學直接表達了對暴富的強烈渴望:

在這裡插入圖片描述
在這裡插入圖片描述

更有請官方實現花式心愿的:

在這裡插入圖片描述

甚至…

在這裡插入圖片描述

……

(微信官方:我太南了)、

在這裡插入圖片描述

慢慢的,

這種起源於為頭像加上國旗、聖誕帽等裝飾的

「@官方」

演變成了

大型國民許願池!

無數人在這裡許下心愿、通過自嘲來緩解壓力。

但是,

古往今來無數史實告訴我們,

求人不如求己!

這不,

雲開發就來教你用程式碼輕鬆擼出個性頭像了!

花式個性掛件想加就加不求人!

先來看看效果!

在這裡插入圖片描述

下面就上精華程式碼!

wx.cloud.callFunction({        name:'image',        data:{          avatar: e.detail.userInfo.avatarUrl, // 頭像獲取自 userInfo          style: e.target.dataset.style // style 可以取值 1 ~ 4        }      })

通過完整程式碼配置好後

可以為你的頭像加上任意喜歡的素材!

怎麼樣?是不是非常硬核!

求人不如求己,生活還需努力!

大家一起加油吧!

(小編已經提前把聖誕帽的頭像做好了嘻嘻)

源碼鏈接

https://github.com/TencentCloudBase/tcb-demo-avatar


如果你想要了解更多關於雲開發CloudBase相關的技術故事/技術實戰經驗,請掃碼關注【騰訊云云開發】公眾號~

在這裡插入圖片描述