带你开发一个虎年春节头像生成小程序

带你开发一个虎年春节头像生成小程序
本篇文章带大家跟风做一个虎年春节头像制作小程序，获取微信头像，选择头像边框，即可合成不同的虎年春节头像，希望对大家有所帮助！

本篇文章带大家跟风做一个虎年春节头像制作小程序，获取微信头像，选择头像边框，即可合成不同的虎年春节头像，希望对大家有所帮助！

马上就到春节了，今天看到有网友分享了网页版的虎年头像制作工具，感觉很不错，正好打算做个小程序练手没啥主题，那就用这个试试吧。

先上最终效果图：

说下实现流程

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

getUserProfile(e) { console.log(e) let that = this; wx.getUserProfile({ desc: '仅用于生成头像使用', success: (res) => { var url = res.userInfo.avatarUrl; while (!isNaN(parseInt(url.substring(url.length - 1, url.length)))) { url = url.substring(0, url.length - 1) } url = url.substring(0, url.length - 1) + "/0"; res.userInfo.avatarUrl = url; console.log(JSON.stringify(res.userInfo)); that.setData({ userInfo: res.userInfo, hasUserInfo: true }) that.drawImg(); } }); },