Boring avatars 是一个小型的 JavaScript React 库,可以从任何用户名和调色板生成自定义的、基于 SVG 的圆形头像。
yarn add boring-avatars
或者
npm install boring-avatars
import Avatar from "boring-avatars";
<Avatar
size={40}
name="Maria Mitchell"
variant="marble"
colors={["#92A1C6", "#146A7C", "#F0AB3D", "#C271B4", "#C20D90"]}
/>;
支柱 | 类型 |
---|---|
尺寸 | 数字或字符串 |
正方形 | 布尔值 |
姓名 | 细绳 |
变体 | oneOf: marble, beam, pixel, sunset, ring, bauhaus |
颜色 | 颜色数组 |
你可以使用无聊的头像源嵌入无聊的头像。
要从特定用户和调色板中随机选择头像,格式如下:
https://source.boringavatars.com/marble/120/Maria%20Mitchell?colors=264653,2a9d8f,e9c46a,f4a261,e76f51
有关更多信息,请查看自述文件