微信小程序“圣诞帽”的实现方法

微信小程序“圣诞帽”的实现方法
本文主要和大家分享微信小程序“圣诞帽”的实现方法，希望能帮助到大家。这两天朋友圈被“圣诞帽”刷屏，这个小程序连微信官方都出来辟谣了，又一个现象级的玩意儿。从产品角度而言无疑是非常成功，但从技术角度而言是确实习以为常，创意很重要！简单说一下思路：获取头像，把头像画在Canvas里面，接着往Canvas里画帽子，调整帽子的参数（位置、大小、旋转），最后保存为图片。

本文主要和大家分享微信小程序“圣诞帽”的实现方法，希望能帮助到大家。这两天朋友圈被“圣诞帽”刷屏，这个小程序连微信官方都出来辟谣了，又一个现象级的玩意儿。从产品角度而言无疑是非常成功，但从技术角度而言是确实习以为常，创意很重要！简单说一下思路：获取头像，把头像画在canvas里面，接着往canvas里画帽子，调整帽子的参数（位置、大小、旋转），最后保存为图片。

先来看看效果

 

思路

1.获取用户头像

wx.getUserInfo({ success: function(res) { var userInfo = res.userInfo var avatarUrl = userInfo.avatarUrl }})