jiyulongxu / custom-avatar

快速定制**传统节日头像,国庆国旗头像。customize avatars for traditional Chinese festivals such as National Day, Mid-Autumn Festival, and Spring Festival."

Home Page:https://www.xiaoli.vip/custom-avatar/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

定制头像🌈

预览

前言

在娱乐的同时弘扬**传统节日文化! 大家定制了精美的头像,在使用过程中会被更多的人们看到,吸引大家都来定制自己专属的**传统节日头像,潜移默化的加深人们对于传统节日的印象!

项目描述

该项目是基于vue3、typescript、Element UI、fabric.js的一款定制头像工具。 当前版本为2.0,在1.0(定制春节头像)上迭代。 推出定制中秋节、国庆节、春节等多风格头像定制, 内置诸多精美贴纸可供选择。 用户上传头像即可快速得出专属头像,支持保存、以海报的形式分享。开设头像墙区域,用户定制过的头像都会保留在头详墙上。

特点

操作简单,用户可定制,灵活性高。

地址

github✈️ https://github.com/xiaoli1999/custom-avatar

gitee✈️ https://gitee.com/cui-zhe/custom-avatar

预览

主站✈️ https://www.xiaoli.vip/custom-avatar

github pages✈️ https://xiaoli1999.github.io/custom-avatar

教程

  1. 选择头像形状(微信为方形、qq、抖音等平台为圆形)。
  2. 上传头像,(不支持动图)。
  3. 选择头像框,贴纸可多选。
  4. 完成上述步骤后,对效果图大小或位置不满意;可在画布区域微调,调整透明度。
  5. 点击保存图片,分享给朋友。

开源

目前代码已开源, 如果你喜欢这个项目或使用过它,请点个star⭐,谢谢🙏🙏🙏!

目前效果图属于个人定制,数量有限;希望有志同道合的设计师,提供一些头像框,小黎不胜感激🙏。这个项目有您的参与变的更有意义🤝。

联系方式~QQ: 22708206

文章链接

2.0版本

掘金

CSDN

1.0.版本

掘金

CSDN

版本更新

  • v2.0.0(当前版本)

    仓库名称

    • custom-rabbitImage 改为 custom-avatar

    页面

    • 重构页面整体风格,调整为通用型风格
    • 兼容pc、移动端
    • 移动端头像墙采用瀑布流

    画布相关

    • 用户上传的原图做短边适配,保证不变形
    • 优化元素控件效果,增加删除控件
    • 优化绘制逻辑,减少无用运算。

    新增功能

    • 增加多主题选项(中秋节、国庆节、春节等,其他传统节日敬请期待)
    • 增加贴纸效果,可多选、可删除
    • 增加快速切换头像框功能
    • 增加通知功能(xx用户在3分钟前定制了国庆头像)
    • 增加分享海报功能
    • 增加头像墙功能,用户可预览他人定制的头像

    修复已知问题

    • 修复qq浏览器无法选择文件
    • 修复微信浏览器无法保存图片
  • v1.4.0

    • 解决保存图片模糊问题
  • v1.3.3

    • 调整PC版版本迭代
    • 调整效果图区域
    • 优化页面展示
  • v1.3.2

    • 压缩静态资源,优化网站加载速度
  • v1.3.1

    • 优化新年寄语-教程描述及展示
  • v1.3.0

    • 一大批新年效果图来袭~(设计师温言)🔥🔥🔥
  • v1.2.2

    • 新增版本迭代信息弹窗
  • v1.2.1

    • 优化透明度功能滑块区域(太靠右侧易误触)
    • 优化页面交互
  • v1.2.0

    • 重构页面布局
    • 新增设置效果图透明度功能
    • 优化页面展示
  • v1.0.0

    • 初版

流程图

流程图

版权/协议

本项目采用 MIT License,请随意使用。若你喜欢或对你有所帮助,请点个⭐。

兼容

兼容pc、移动端等

计划

  • 修复项目问题
  • 根据用户意见、建议优化完善项目

FAQ

有任何意见或建议请提issues

About

快速定制**传统节日头像,国庆国旗头像。customize avatars for traditional Chinese festivals such as National Day, Mid-Autumn Festival, and Spring Festival."

https://www.xiaoli.vip/custom-avatar/

License:MIT License


Languages

Language:Vue 54.8%Language:TypeScript 33.3%Language:JavaScript 7.5%Language:HTML 2.3%Language:Less 1.8%Language:Shell 0.3%