无趣头像
无趣头像是一个小型JavaScript React库,可以根据任何用户名和调色板生成自定义的基于SVG的头像。
安装
npm install boring-avatars
使用
import Avatar from 'boring-avatars';
<Avatar name="Maria Mitchell" />;
属性
属性 | 类型 | 默认值 |
---|---|---|
size | 数字或字符串 | 40px |
square | 布尔值 | false |
title | 布尔值 | false |
name | 字符串 | Clara Barton |
variant | 可选值:marble , beam , pixel ,sunset , ring , bauhaus | marble |
colors | 数组 | ['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90'] |
名称
name
属性用于生成头像。它可以是用户名、电子邮件或任何随机字符串。
<Avatar name="Maria Mitchell"/>
变体
variant
属性用于更改头像的主题。可用的变体有:marble
, beam
, pixel
, sunset
, ring
和bauhaus
。
<Avatar name="Alice Paul" variant="beam"/>
尺寸
size
属性用于更改头像的尺寸。
<Avatar name="Ada Lovelace" size={88}/>
颜色
colors
属性用于更改头像的调色板。
<Avatar name="Grace Hopper" colors={["#fb6900", "#f63700", "#004853", "#007e80", "#00b9bd"]}/>
方形
square
属性用于使头像呈现方形。
<Avatar name="Helen Keller" square/>
API服务
[!重要]
请注意,旧服务已于2024年7月31日暂停。我们建议过渡到新的API服务,以确保不间断的访问和支持。
在这里→获取无趣头像API服务的访问权限。