大数跨境

如何快速自己做一个头像编辑的小程序,给头像加口罩、头像加圣诞帽、头像加v?

如何快速自己做一个头像编辑的小程序,给头像加口罩、头像加圣诞帽、头像加v? 秋刀鱼哥
2020-03-24
0
导读:人人可开发自己的小程序
点击上方蓝字关注技术鱼哥公众号!

  有一天在github上发现了一个开源的小程序代码,给头像加口罩,就下载了下来,很容易就运行成功。

  所以快速自己做一个头像编辑的小程序,就是优先找开源代码,如果代码验证成功,就可以基于开源代码基础上自己做修改后即可。

  开源代码地址:https://github.com/idealclover/Wear-A-Mask

  代码下载下来后,解压。打开微信开发者工具,选择解压后的目录,导入小程序代码。如下图:

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

  左边是小程序预览,右边是代码。

  小程序功能测试:

  可以点击相册选择,上传一张图片,然后点击下一步,就可以对图片进行加口罩操作,如下图:

  移动图片上的口罩,可以调整口罩的位置或者大小。还可以滑动底下选择不同的口罩样式。这就是给头像加口罩的大概功能。

  我们可以根据自己的需要,修改相应的代码,做成自己想要的小程序。

  比如,我们可以在网上找一个圣诞帽,一个v的图标,将图片替换到工程目录下的image文件夹,如下图


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

  这样子,就可以给头像加圣诞帽,或者给头像加v了。

  总之,我们可以根据自己的需要,将小程序改成自己想要的样子。修改小程序的代码还是比较简单的,简单会点html、js、css就会修改。


  做好小程序之后,就可以到微信公众平台mp.weixin.qq.com,注册一个小程序,然后回到微信开发工具,修改好一些参数之后,上传代码提交去给微信审核,审核通过后,即可发布出来。


-- END --

公众号:技术鱼哥

分享互联网消息,软件开发,技术服务,探索好玩的产品


【声明】内容源于网络
0
0
秋刀鱼哥
1234
内容 54
粉丝 0
秋刀鱼哥 1234
总阅读0
粉丝0
内容54