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

发布日期： 2017-12-29 阅读量： 作者： 网络

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

先来看看效果

思路

1.获取用户头像

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

# 小程序 # 圣诞帽 # 方法

下一篇: 对象为空时如何禁用 CSS 样式？

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

随便看看