哈喽,大家好!我是前端实验室的小师妹!
最近逛 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
,按提示操作即可进群。
如果该文章对你有帮助,那么就点击右下角的 [点赞]「在看」,给一个小小的鼓励吧~