本期推荐的 DiceBear 是一个供设计师和开发人员使用的头像库。
DiceBear 是一个供设计师和开发人员使用的头像库，可以在简单的标识和可爱的角色之间进行选择。还提供了一个简单且免费的 HTTP API，您可以立即使用！
HTTP-API
我们免费的 HTTP-API 是使用 Avatars 的最简单方法。只需使用以下 URL 作为图像源。
https://avatars.dicebear.com/api/:sprites/:seed.svg替换:sprites为male, female, human, identicon, initials, bottts, avataaars, jdenticon,gridy 或micah. 的值:seed可以是您喜欢的任何值 – 但不要在此处使用任何敏感或个人数据！
选项
大多数选项可以使用查询字符串指定。请注意，您必须对值进行编码。例如，以下 URL 设置了蓝色背景：
https://avatars.dicebear.com/api/male/john.svg?background=%230000ff此 URL 将mood头像样式男性的选项设置为happy和sad：
https://avatars.dicebear.com/api/male/john.svg?mood[]=happy&mood[]=sad安装
如果您想使用无法通过 HTTP-API 获得的头像样式，请选择 NPM。使用以下命令安装 Avatars 包。
npm install --save @dicebear/avatars您还需要添加头像样式。在我们的示例中，我们将使用男性头像样式。
npm install --save @dicebear/avatars-male-sprites现在您已准备好创建您的第一个 Avatar。
import { createAvatar } from '@dicebear/avatars';
import * as style from '@dicebear/avatars-identicon-sprites';
let svg = createAvatar(style, {
seed: 'custom-seed',
// ... and other options
});你也可以省略种子来创建一个完全随机的头像。
示例
冒险家
我们免费的 HTTP-API 是使用这种头像样式的最简单方法。只需使用以下 URL 作为图像源。
https://avatars.dicebear.com/api/adventurer/:seed.svg使用以下命令安装头像和此头像的样式：
npm install --save @dicebear/avatars @dicebear/adventurer现在您已准备好创建您的第一个 Avatar。
import { createAvatar } from '@dicebear/avatars';
import * as style from '@dicebear/adventurer';
let svg = createAvatar(style, {
seed: 'custom-seed',
// ... and other options
});灿烂的笑容
使用以下 URL 作为图像源。
https://avatars.dicebear.com/api/big-smile/:seed.svg使用以下命令安装头像和此头像的样式。
npm install --save @dicebear/avatars @dicebear/big-smile现在您已准备好创建您的第一个 Avatar。
import { createAvatar } from '@dicebear/avatars';
import * as style from '@dicebear/big-smile';
let svg = createAvatar(style, {
seed: 'custom-seed',
// ... and other options
});命令行界面
安装
npm install -g dicebear列出可用的头像样式
dicebear create --help创建 SVG 格式的头像
dicebear create <avatar-style>以 PNG 或 JPG 格式创建头像
dicebear create <avatar-style> --format <png|jpg>创建新的头像样式
dicebear project new <package-name>—END—
开源协议：MIT License
