VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

带你开发虎年春节头像生成小程序(带你开发虎年春节头像生成小程序软件)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

本文带你跟风制作虎年春节头像小程序,获取微信头像,选择头像边框即可合成不同的虎年春节头像。希望对你有帮助!

带你开发虎年春节头像生成小程序(带你开发虎年春节头像生成小程序软件)

春节马上就要到了。今天看到有网友分享了制作虎年头像的网页版工具。感觉非常好。我只是打算做个小程序练练手。没有主题,用这个试试。

首先是最终效果图:

1.jpg

说说实施过程

第一步:首先获取当前微信的头像图片。主要代码如下。注意默认获取的头像图片不是高清的,需要先转换成高清图片,避免生成后模糊。

getuser profile(e){ console . log(e)let that = this;wx . get user profile({ desc:& # 39;仅用于生成头像& # 39;,success:(RES)=》{ var URL = RES . userinfo . avatar URL;while(!isNaN(parse int(URL . substring(URL . length -1,URL . length))){ URL = URL . substring(0,URL . length -1)} URL = URL . substring(0,URL . length -1)+“/0“;RES . userinfo . avatar URL = URL;console . log(JSON . stringify(RES . userinfo));that . setdata({ userInfo:RES . userInfo,has userInfo:true })that . draw img();} });},第二步:合成头像。将第一步获得的素材图片和头像图片获取到本地文件中,然后使用小程序的cavas组件进行合成。

draw img(){ let that = this;wx . show loading({ title:& # 39;在阿凡达一代...',})let Promise 1 = new Promise(function(resolve,reject){ wx . getimageinfo({ src:that . data . userinfo . avatar URL,success:function(RES){ resolve(RES);} }) });var mask _ id = that . data . now _ mask;let Promise 2 = new Promise(function(resolve,reject){ wx . getimageinfo({ src:`../../assets/img/mask 0 $ { mask _ id }。。png `,success:function(RES){ console。log(RES)resolve(RES);} }) });诺言。所有(

祝大家春节快乐,虎年大吉!

【相关学习推荐:小程序开发教程】

以上就是带你开发虎年春节头像生成小程序。更多详情请关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

  • 暂无相关推荐文章

本文由主机参考刊发,转载请注明:带你开发虎年春节头像生成小程序(带你开发虎年春节头像生成小程序软件) https://zhujicankao.com/104685.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 带你开发虎年春节头像生成小程序(带你开发虎年春节头像生成小程序软件)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!