查看原文
其他

学习如何使用JavaScript 生成各种好看的头像!

TJ TJ君 2021-12-11

大家好,我是TJ

一个励志推荐10000款开源项目与工具的程序员


平时大家在用微信聊天或者发朋友圈的时候,都会希望什么呢?受人敬仰?彰显帅气?体现睿智?TJ君觉得,可能有一点是大家都会在意的,就是有一个特立独行却又让别人称赞、过目不忘的好看头像吧。

今天TJ君就给大家来分享一个使用 Vite + Vue3 开发的纯前端实现的开源头像生成网站。

Color Avatar

网站整体是一款矢量风格头像的生成器,用户可以搭配不同的素材组件,生成自己的个性化头像!来看看具体的头像生成效果:

是不是出乎意料的素材丰富呢?用户可以选择:

  • 3种头像形状
  • 18种背景颜色
  • 9种发型
  • 2种耳朵
  • 3种耳环
  • 4种眉毛
  • 4种眼睛
  • 3种鼻子
  • 3种眼镜
  • 8种嘴巴
  • 不同的胡子、衣着

依靠这些不同的素材,绝对可以打造出一个让人过目不忘的专属头像,同时网站还提供随机生成功能、图片下载功能,并对挑选好的头像图片可以直接查看其代码组成再加上一键复制代码,就像这样:

如何运行项目?

  • step1 克隆项目至本地
  • step2 安装项目依赖
    • yarn install
  • step3 运行项目
    • yarn dev

TJ君觉得项目对于想学习Vue3语法或者想掌握相关项目搭建的小伙伴还是很不错的选择。想为自己找一个合适的头像?赶紧来学习这个项目吧,地址如下:

点击下方卡片,关注公众号“TJ君

回复“可爱头像”,获取仓库地址

关注我,每天了解一个牛x、好用、有趣的东东

往期推荐

真正开源的MongoDB的替代品,MangoDB!

一些和疫苗相关的工具及开源项目

IDEA有哪些快捷键操作?这款插件教你融会贯通所有!

人人影视彻底告别,那就自己来学做一款在线视频 App!

最新网易出品之摸鱼计算器,看看你上班能摸到多大的鱼?

这个开源项目让你学会如何快速搭建简约美观的在线互动教室



: . Video Mini Program Like ,轻点两下取消赞 Wow ,轻点两下取消在看

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存