[微信小程序]虎头虎脑戴虎帽,虎虎生威

294 阅读1分钟

PK创意闹新春,我正在参加「春节创意投稿大赛」,详情请看:春节创意投稿大赛

都说新年新气象
虎年来临,还不赶紧给自己头像戴个可爱的帽子

前言

之前圣诞节看到有给自己头像加圣诞帽的,这不临近春节,想着给小宝尝试下戴个虎头帽吧,在网上找了一些可爱的图片就开干吧。

演示

image.png

image.png

实现过程

第一步

首先需要创建三个按钮,使用头像、使用相机和相册选择。

获取微信头像就调取微信的 wx.getUserProfile方法就可以

image.png

使用相机和相册调取微信wx.chooseImage方法,根据不同sourceType就可以实现了。

image.png

第二步

我们把使用到的帽子的图片放到一个数组中,展示在最下面。

image.png

然后实现帽子图片的选择、缩放、移动等方法。

image.png image.png

第三步

接下来就是绘制图片了。

image.png

图片绘制完就可以选择保存下来。

image.png

至此,一个给图片戴虎帽的工程就结束了。

结尾

结尾附上体验的小程序,预祝大家虎年吉祥,虎虎生威!

image.png

感谢你看到了最后。不足的地方还请留言或评论,让我们一起学习、一起进步。