有一天在github上发现了一个开源的小程序代码,给头像加口罩,就下载了下来,很容易就运行成功。
所以快速自己做一个头像编辑的小程序,就是优先找开源代码,如果代码验证成功,就可以基于开源代码基础上自己做修改后即可。
开源代码地址:https://github.com/idealclover/Wear-A-Mask
代码下载下来后,解压。打开微信开发者工具,选择解压后的目录,导入小程序代码。如下图:

AppID可以先选择上图中的使用测试号。然后点击导入,代码就导入了开发工具。如下图:

左边是小程序预览,右边是代码。
小程序功能测试:
可以点击相册选择,上传一张图片,然后点击下一步,就可以对图片进行加口罩操作,如下图:

移动图片上的口罩,可以调整口罩的位置或者大小。还可以滑动底下选择不同的口罩样式。这就是给头像加口罩的大概功能。
我们可以根据自己的需要,修改相应的代码,做成自己想要的小程序。
比如,我们可以在网上找一个圣诞帽,一个v的图标,将图片替换到工程目录下的image文件夹,如下图

然后刷新小程序,就可以看到小程序上增加了一个圣诞帽和v图标的样式选择,如下图:

这样子,就可以给头像加圣诞帽,或者给头像加v了。
总之,我们可以根据自己的需要,将小程序改成自己想要的样子。修改小程序的代码还是比较简单的,简单会点html、js、css就会修改。
做好小程序之后,就可以到微信公众平台mp.weixin.qq.com,注册一个小程序,然后回到微信开发工具,修改好一些参数之后,上传代码提交去给微信审核,审核通过后,即可发布出来。
-- END --

公众号:技术鱼哥
分享互联网消息,软件开发,技术服务,探索好玩的产品

