GitHub 开源的超简单头像生成器,网友:好Q啊
简介
avataaars generator 是一款简易的、基于web的卡通头像生成器,可自定义发型、眼镜、肤色、衣着、嘴型等属性。
定制完成后,可将头像导出成 PNG 和 SVG 格式的图片,或把头像代码内嵌到个人网站上。
项目地址是:
https://github.com/fangpenlin/avataaars-generator
功能介绍
本地运行
下载源码文件到本地后,使用yarn命令运行:
yarn start
简单使用
该头像生成器可直接访问如下地址使用:
http://getavataaars.com
打开页面显示当前默认设置的头像图案,支持自定义发型、眼镜、胡子、衣服、肤色等,可根据个人特点选择合适的设置,打造个人Q版头像。小秋简单试了一个男版头像和女版头像:
还支持随机设置头像,小秋随便试了几个随机头像:
设置好的头像可以导出png、SVG格式的图片:
生成React代码
设置好头像后,可点击“show react”生成React代码:
生成< img >代码
设置好头像后,可点击“show < img >”生成代码:
结语
avataaars-generator 就简单介绍到这里了,感兴趣的朋友赶紧动手玩一下吧!
开源前哨
日常分享热门、有趣和实用的开源项目。参与维护 10万+ Star 的开源技术资源库,包括:Python、Java、C/C++、Go、JS、CSS、Node.js、PHP、.NET 等。
GitHub 开源的超简单头像生成器,网友:好Q啊相关推荐
- GitHub开源的超逼真俄罗斯方块游戏
俄罗斯方块一直是各类程序语言热衷实现的经典游戏,有很多JavaScript实现版本,本开源项目使用React实现. 项目试玩网址:https://chvin.github.io/react-tetri ...
- GitHub开源的诺基亚短信生成器
GitHub生成诺基亚消息图片,有趣体验,且当一乐. GitHub网址参见:https://github.com/dcalsky/zzkia
- 超模脸、网红脸、萌娃脸...换头像不重样?我开源了5款人脸生成器
出品 | AI科技大本营(ID:rgznai100) 英伟达近日提出的新一代 StyleGAN,通过对 StyleGAN 的生成效果分析,他们对不完美的工作设计了改进和优化方法,使得生成图片的质量和效 ...
- 不装了,我开源了5款人脸生成器!超模脸、网红脸、萌娃脸...
点击 机器学习算法与Python学习 ,选择加星标 精彩内容不迷路 出品 | AI科技大本营(ID:rgznai100) 英伟达近日提出的新一代 StyleGAN,通过对 StyleGAN 的生成效果 ...
- GitHub 项目推荐:俄罗斯小游戏、Markdown 幻灯片、头像生成器、Logo 制作工具、坦克大战...
转自:https://blog.csdn.net/sinat_33224091/article/details/90629736 今天跟大家分享一下,过去几天在各大社交平台分享的一些开源项目. 本周新 ...
- GitHub开源:狗屁不通文章生成器
万字申请,废话报告,魔幻形式主义大作怎么写?GitHub开源狗屁不通文章生成器了解一下, 只要输入一句话,系统就会给你一篇万字长文. 查看源代码编写风格清新脱俗,并且毫无算法,简单暴力,直接在关键语句 ...
- GitHub 上排名前 100 的 Android 开源库进行简单的介绍
本文转载于:https://github.com/Freelander/Android_Data/blob/master/Android-Librarys-Top-100.md 本项目主要对目前 Gi ...
- 我的Android进阶之旅】GitHub 上排名前 100 的 Android 开源库进行简单的介绍
GitHub Android Libraries Top 100 简介 本文转载于:https://github.com/Freelander/Android_Data/blob/master/And ...
- 超简单定制一个Notes库专门设置和存储用户头像
大家好,才是真的好. 本篇依旧是技术讲解.我们先仔细讲述Sametime中的头像设置,即通过设置Domino目录中个人相应的PhotoURL字段,引用一个图片的URL地址,该用户即可读取到该图片作为头 ...
最新文章
- 微软Win 7系统安全性方面的十大特色
- 简单描述Java模板引擎 FreeMarker相关知识
- mysql联合查询数量不一致_Mybatis关联查询,查询出的记录数量与数据库直接查询不一致,如何解决?...
- C++拷贝构造函数(深拷贝,浅拷贝)
- 「敏捷开发」适合什么样的团队?
- windows2003的一些设置之一
- mac mysql ngram_MySQL ngram
- Zend Studio 13.6.1汉化破解版方法(中文离线包)
- c# dataGridView与access数据库及其增删查改导出报表等
- python pandas 排序_python – pandas:单独对每列进行排序
- Mysql数据库Sql语句执行效率-Explain
- Golang的time包的应用
- Embedding技术在商业搜索与推荐场景的实践
- cartographer探秘第一章之安装编译与参数配置
- 语音播报收款Java_Android实现收款成功金额的语音播报功能
- oracle 软件证书错误,IE上ORACLE OEM 证书错误 , 导航阻止,无法”继续浏览此网站”...
- Linux文件裸写,Linux下使用裸設備作為數據文件
- 游戏攻略资料收集,制作技巧经验分享-游戏编辑2
- 【MySQL作业】avg 和 count 函数——美和易思聚合函数应用习题
- 抖音爆火微信每日早安推送
热门文章
- 软件外包如何正确定价
- 二进制有符号数补码计算器
- 当Mac电脑遇到ANDROID_NDK_HOME not defined...报错
- java 火车票_Java 面向对象 之 接口 火车票实例
- Restriction spectrum imaging (RSI)
- 隐式图层动画 (Implicit Layer Animation)
- 【原创】公司自研缓存系统UPU的总结
- ShaderForge适用于unity 2018x、2019x、2020版本
- 无法安全地用该源进行更新,所以默认禁用该源 E: 无法定位软件包
- Matlab查看矩阵中包含的所有数字种类