带你开发虎年春节头像生成小程序（带你开发虎年春节头像生成小程序软件）

本文带你跟风制作虎年春节头像小程序，获取微信头像，选择头像边框即可合成不同的虎年春节头像。希望对你有帮助！

春节马上就要到了。今天看到有网友分享了制作虎年头像的网页版工具。感觉非常好。我只是打算做个小程序练练手。没有主题，用这个试试。

首先是最终效果图:

说说实施过程

第一步:首先获取当前微信的头像图片。主要代码如下。注意默认获取的头像图片不是高清的，需要先转换成高清图片，避免生成后模糊。

getuser profile（e）{ console . log（e）let that = this；wx . get user profile（{ desc:& # 39；仅用于生成头像& # 39；，success:（RES）=》{ var URL = RES . userinfo . avatar URL；while（！isNaN（parse int（URL . substring（URL . length -1，URL . length）））{ URL = URL . substring（0，URL . length -1）} URL = URL . substring（0，URL . length -1）+“/0“；RES . userinfo . avatar URL = URL；console . log（JSON . stringify（RES . userinfo））；that . setdata（{ userInfo:RES . userInfo，has userInfo:true }）that . draw img（）；} });}，第二步:合成头像。将第一步获得的素材图片和头像图片获取到本地文件中，然后使用小程序的cavas组件进行合成。

draw img（）{ let that = this；wx . show loading（{ title:& # 39；在阿凡达一代...'，}）let Promise 1 = new Promise（function（resolve，reject）{ wx . getimageinfo（{ src:that . data . userinfo . avatar URL，success:function（RES）{ resolve（RES）；} }) });var mask _ id = that . data . now _ mask；let Promise 2 = new Promise（function（resolve，reject）{ wx . getimageinfo（{ src:`../../assets/img/mask 0 $ { mask _ id }。。png `，success:function（RES）{ console。log（RES）resolve（RES）；} }) });诺言。所有（

祝大家春节快乐，虎年大吉！

【相关学习推荐:小程序开发教程】

以上就是带你开发虎年春节头像生成小程序。更多详情请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：带你开发虎年春节头像生成小程序（带你开发虎年春节头像生成小程序软件） https://zhujicankao.com/104685.html