最新公告
  • 欢迎来到UU学院,客服Q:5664729我们坚信学习是最好的投资,在这里您可以边学习边赚钱!立即加入我们
  • 自己制作头像的网站-GitHub开源Q版头像生成器,速来领取你的个性化

    正文概述 uu网友   2023-10-31   370
    ------------------无法下载或者链接失效请联系页面客服--------------------------

    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


    UU学院 » 自己制作头像的网站-GitHub开源Q版头像生成器,速来领取你的个性化

    常见问题FAQ

    UU学院资源教程能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    付款了无法下载怎么办?
    部分用户需要先登录才能获取下载地址
    链接地址失效怎么办?
    请带上资源链接地址联系客服,工作时间内我们看到后将第一时间回复。

    发表评论

    发表评论