一键生成矢量风格头像,这个开源项目好玩!

2022-12-02 11:15:07 浏览数 (1)

哈喽,大家好!我是前端实验室的小师妹!

最近逛 Github 发现了一个好玩的开源项目:矢量风格头像生成器,好玩还能学习!

Vue Color Avatar

这是一款纯前端实现的矢量风格头像的生成器,你可以搭配不同的素材组件,生成自己的个性化头像。

项目使用 Vue3 Vite开发,能够帮助前端初学者熟悉 Vue3 语法并掌握使用Vite 搭建项目的相关知识。

功能

  • 可视化组件配置栏
  • 随机生成头像,有一定概率触发彩蛋
  • 撤销/还原更改
  • 国际化多语言
  • 批量生成多个头像

运行

代码语言:javascript复制
# 1. 克隆项目至本地
git clone https://github.com/Codennnn/vue-color-avatar.git

# 2. 安装项目依赖
yarn install

# 3. 运行项目
yarn dev

项目地址

开源项目地址:https://github.com/Codennnn/vue-color-avatar 头像在线生成网站:https://vue-color-avatar.vercel.app/

写在最后

欢迎加入前端实验室读者交流群,群里有不少技术大神,不定时会分享一些技术要点,更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式:在下方公众号后台,回复 111 ,按提示操作即可进群。

如果该文章对你有帮助,那么就点击右下角的 [点赞]「在看」,给一个小小的鼓励吧~

0 人点赞