{"id":13487290,"url":"https://github.com/xiaoli1999/custom-avatar","last_synced_at":"2025-04-09T06:12:07.308Z","repository":{"id":65242471,"uuid":"587713411","full_name":"xiaoli1999/custom-avatar","owner":"xiaoli1999","description":"快速定制中国传统节日头像，国庆国旗头像。customize avatars for traditional Chinese festivals such as National Day, Mid-Autumn Festival, and Spring Festival.\"","archived":false,"fork":false,"pushed_at":"2024-09-28T16:54:05.000Z","size":13619,"stargazers_count":325,"open_issues_count":2,"forks_count":47,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-02T03:14:42.584Z","etag":null,"topics":["avatar","css","custom","custom-avatar","custom-image","html","javascript","vue3"],"latest_commit_sha":null,"homepage":"https://www.xiaoli.vip/custom-avatar/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xiaoli1999.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-11T12:11:45.000Z","updated_at":"2025-03-27T13:02:31.000Z","dependencies_parsed_at":"2024-04-08T08:55:26.568Z","dependency_job_id":"c69f91ac-d2cb-4eff-b419-ef867858a48b","html_url":"https://github.com/xiaoli1999/custom-avatar","commit_stats":null,"previous_names":["xiaoli1999/custom-avatar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoli1999%2Fcustom-avatar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoli1999%2Fcustom-avatar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoli1999%2Fcustom-avatar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoli1999%2Fcustom-avatar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xiaoli1999","download_url":"https://codeload.github.com/xiaoli1999/custom-avatar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247987285,"owners_count":21028895,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["avatar","css","custom","custom-avatar","custom-image","html","javascript","vue3"],"created_at":"2024-07-31T18:00:57.395Z","updated_at":"2025-04-09T06:12:07.282Z","avatar_url":"https://github.com/xiaoli1999.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"## 定制头像🌈\n![预览](perview.png)\n\n### 前言\n在娱乐的同时弘扬中国传统节日文化！\n大家定制了精美的头像，在使用过程中会被更多的人们看到，吸引大家都来定制自己专属的中国传统节日头像，潜移默化的加深人们对于传统节日的印象！\n\n\n### 项目描述\n该项目是基于vue3、typescript、Element UI、fabric.js的一款定制头像工具。\n当前版本为2.0，在1.0（定制春节头像）上迭代。\n推出定制中秋节、国庆节、春节等多风格头像定制， 内置诸多精美贴纸可供选择。\n用户上传头像即可快速得出专属头像，支持保存、以海报的形式分享。开设头像墙区域，用户定制过的头像都会保留在头详墙上。\n\n### 特点\n操作简单，用户可定制，灵活性高。\n\n### 地址\n[github✈️ https://github.com/xiaoli1999/custom-avatar](https://github.com/xiaoli1999/custom-avatar)\n\n[gitee✈️ https://gitee.com/cui-zhe/custom-avatar](https://gitee.com/cui-zhe/custom-avatar)\n\n### 预览\n[主站✈️ https://www.xiaoli.vip/custom-avatar](https://www.xiaoli.vip/custom-avatar)\n\n[github pages✈️ https://xiaoli1999.github.io/custom-avatar](https://xiaoli1999.github.io/custom-avatar)\n\n### 教程\n1. 选择头像形状（微信为方形、qq、抖音等平台为圆形）。\n2. 上传头像，（不支持动图）。\n3. 选择头像框，贴纸可多选。\n4. 完成上述步骤后，对效果图大小或位置不满意；可在画布区域微调，调整透明度。\n5. 点击保存图片，分享给朋友。\n\n### 开源\n目前代码已开源， 如果你喜欢这个项目或使用过它，请点个star⭐，谢谢🙏🙏🙏！ \n\n目前效果图属于个人定制，数量有限；希望有志同道合的设计师，提供一些头像框，小黎不胜感激🙏。这个项目有您的参与变的更有意义🤝。\n\n联系方式~**QQ: 22708206**\n\n### 文章链接\n#### 2.0版本\n[**掘金**](https://juejin.cn/post/7283018190594572328)\n\n[CSDN](https://blog.csdn.net/weixin_53673959/article/details/133343181)\n#### 1.0.版本\n[**掘金**](https://juejin.cn/post/7189198252460212283)\n\n[CSDN](https://blog.csdn.net/weixin_53673959/article/details/128708172)\n\n### 版本更新\n* **v2.0.0（当前版本）**\n  #### 仓库名称\n  - [x] 由 **custom-rabbitImage** 改为 **custom-avatar**\n\n  #### 页面\n  - [x] 重构页面整体风格，调整为通用型风格\n  - [x] 兼容pc、移动端\n  - [x] 移动端头像墙采用瀑布流\n  \n  #### 画布相关\n  - [x] 用户上传的原图做短边适配，保证不变形\n  - [x] 优化元素控件效果，增加删除控件\n  - [x] 优化绘制逻辑，减少无用运算。\n  \n  #### 新增功能\n  - [x] 增加多主题选项（中秋节、国庆节、春节等，其他传统节日敬请期待）\n  - [x] 增加贴纸效果，可多选、可删除\n  - [x] 增加快速切换头像框功能\n  - [x] 增加通知功能（xx用户在3分钟前定制了国庆头像）\n  - [x] 增加分享海报功能\n  - [x] 增加头像墙功能，用户可预览他人定制的头像\n  \n  #### 修复已知问题\n  - [x] 修复qq浏览器无法选择文件\n  - [x] 修复微信浏览器无法保存图片\n\n* **v1.4.0** \n  - [x] 解决保存图片模糊问题\n* **v1.3.3**\n  - [x] 调整PC版版本迭代\n  - [x] 调整效果图区域\n  - [x] 优化页面展示\n* **v1.3.2**\n  - [x] 压缩静态资源，优化网站加载速度\n* **v1.3.1**\n  - [x] 优化新年寄语-教程描述及展示\n* **v1.3.0**\n  - [x] 一大批新年效果图来袭~（设计师温言）🔥🔥🔥\n* **v1.2.2**\n  - [x] 新增版本迭代信息弹窗\n* **v1.2.1**\n  - [x] 优化透明度功能滑块区域（太靠右侧易误触）\n  - [x] 优化页面交互\n* **v1.2.0** \n  - [x] 重构页面布局\n  - [x] 新增设置效果图透明度功能\n  - [x] 优化页面展示\n* **v1.0.0**\n  - [x] 初版\n### 流程图\n![流程图](./flow.png)\n\n### 版权/协议\n本项目采用 **MIT License**，请随意使用。若你喜欢或对你有所帮助，请点个⭐。\n\n### 兼容\n兼容pc、移动端等\n\n### 计划\n- 修复项目问题\n- 根据用户意见、建议优化完善项目\n\n### FAQ\n有任何意见或建议请提**issues**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaoli1999%2Fcustom-avatar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxiaoli1999%2Fcustom-avatar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaoli1999%2Fcustom-avatar/lists"}