开源头像制作小程序

一、前言

大家好！这是我第一个开源小作品——头像创作大师，欢迎大家体验。

二、功能介绍

目前小程序的挂件类型有口罩、圣诞节、姓氏和国旗，这些挂件是部署在我的服务器，大家可以长期使用。

小程序主要有三块：首页、头像酷和个人中心。

1、首页

我把生成头像的功能封装成了一个组件，使用的时候，我们可以把背景图片传入组件。

<mask-design :avatarPath="avatarPath" ref="maskDesign"></mask-design>

添加挂件，绘制头像、保存头像等功能都是调用组件的方法。

// 选择挂件
changeMask(e) {
	this.$refs.maskDesign.addMask(e.imgUrl);
},
// 绘制头像
draw() {
	this.$refs.maskDesign.draw();
},
// 保存头像
saveCans() {
	this.$refs.maskDesign.saveCans();
},

头像制作组件内部的拖动实现等功能，些许的复杂，有兴趣的同学可以看看，注释比较详细。

2、头像酷

头像酷包含一些头像图片，是后台可以添加的。

3、个人中心

这里只有联系开发者的按钮。

4、小程序

三、关于我

我的微信号【TheHelloWorld】，对这个头像小程序有什么疑问，随时可以交流。

源码获取方式，【前端技术驿站】，回复112233获取

回复react:
1、React.js大众点评案例完整版
2、React+TypeScript高仿AntDesign开发企业级UI组件库
3、React17+React Hook+TS4最佳实践 仿Jira企业级项目
回复vue
1、[全栈开发 ]Vue+Django REST framework 打造生鲜电商项目
2、核心源码内参
3、Vue3+ElementPlus+Koa2 全栈开发后台系统
4、ES6零基础教学解析彩票
5、Node.js+Koa2框架生态实战 - 从零模拟新浪微博（完整版）
6、vue无人点餐收银系统
回复node
1、Nodejs视频教程
2、全栈最后一公里 - Nodejs 项目的线上服务器部署与发布
3、深入浅出Node.js