快吧小程序 资讯列表 综合新闻 如何实现微信小程序换头像?三步帮你搞定!

如何实现微信小程序换头像?三步帮你搞定!

作者: 九月 2019-10-17 11:20:30

背景:2019年10月1日在祖国70周年大庆之际,微信朋友圈被大家纷纷@微信官方要国旗的景象给刷屏了,在为祖国庆生的同时,玩的不亦乐乎。

在9月25日,我心血来潮决定在国庆前开发一个换头像的微信小程序为祖国70周年献礼!最终在国庆前夕上线发布了制作头像的小程序-【海豚趣图】,帮助10000多名小伙伴成功换上了国旗头像。

小程序虽然已经上线,但在【海豚趣图】这个小程序开发过程中的一些有意思的技术点我希望能总结一下和大家进行分享。

主要步骤:

1、获取用户头像

2、图片模板

3、图片合成

4、获取用户头像

制作自定义头像的第一步就是先选择图片。在【海豚趣图】的交互设计中,用户有三种选择图片的方式:微信头像、本地相册和相机拍摄。获取用户头像的产品设计如下图所示:

如何实现微信小程序换头像?三步帮你搞定!

如何实现微信小程序换头像?三步帮你搞定!

文章来源:微信小程序联盟