GitHub开源Q版头像生成器,快速获取您的个性化头像
今天推荐开源Q版头像生成器Avataaarsgenerator,支持自定义头发、眼镜、胡须、肤色、衣着、嘴型等属性。如果想换个人头像,可以试试。
以下是一些头像示例,可以看出是有趣搞笑的卡通风格:
完成个性化设置后,可以导出PNG、SVG格式的图片也支持作为图片嵌入使用,甚至可以在React中使用官方React组件来显示头像。
在线地址:https://getavataaars.com/
打开网站后,可以点击网站右上角的Random按钮随机生成头像。
源码地址:https://github.com/fangpenlin/avataaars-generator
作为前端项目,检出源码后执行以下命令(需要node).js环境):
//首次依赖安装
npminstall
//启动项目
npmstart
React组件的使用方式如下:
首先安装:
//安装
npminstallavataaars–save
然后嵌入组件:
import*asReactfrom’react’
importAvatarfrom’avataaars’
exportdefaultclassMyComponentextendsReact.Component{
render(){
return
Youravatar:
style={{width:’100px’,height:”””
avatarStyle=’Circle’
topType=’LongHairMiaWallace’
accessoriesType=Prescription02
hairColor=’BrownDark’
facialHairType=’Blank’
clotheType=’Hoodie’
clotheColor=’PastelBlue’
eyeType=’Happy’
eyebrowType=’Default’
mouthType=’Smile’
skinColor=’Light’
代码在此:https://github.com/fangpenlin/avataaars
常见问题FAQ
- UU学院资源教程能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 付款了无法下载怎么办?
- 链接地址失效怎么办?