该小程序使用了微信的 Skyline 渲染引擎,效率更高体验更好,可以实现类似于 flutter Hero 动画(见上图效果)。头像生成使用的是 Snapshot 进行合成,这个东西很方便,不用使用 canvas 进行繁琐的绘制处理,只要把布局写好就行,类似 html2canvas 。
官方onChooseAvatar
接口获取头像的接口实在太模糊没法使用,因此换成了wx.chooseMedia
注意:由于使用了一些新特效所以项目无法在 WebView 下运行,需使用 Skyline 引擎,如果考虑到用户兼容性的慎用。
git clone https://github.com/QQOQ/mp-avatar.git
修改根目录下的env.config.js
文件,里面配置你的接口地址
在app.js
处有一个请求素材的接口,可以修改此处为你的接口,返回格式如下:
{
"default_template": "https://51porn.oss-cn-hangzhou.aliyuncs.com/hat5.png",
"default_avatar": "https://51porn.oss-cn-hangzhou.aliyuncs.com/demo.jpg",
"template_list": [
"https://51porn.oss-cn-hangzhou.aliyuncs.com/hat0.png",
"https://51porn.oss-cn-hangzhou.aliyuncs.com/hat1.png"
]
}
default_template: 默认模板
default_avatar: 默认头像
template_list: 模板列表
该项目素材均来自于互联网,如有侵权请联系本人删除。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.