可以动态生成用户头像js插件Avatars

可以动态生成用户头像js插件Avatars

Avatars是一款可以动态生成用户头像js插件。Avatars可以在浏览器或node.js环境中,动态生成各种漂亮的、基于svg的用户头像。

使用方法
npm安装:

1
$ npm install @dicebear/avatars --save

然后选择以下的头像类型进行安装。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# male
$ npm install @dicebear/avatars-male-sprites --save
 
# female
$ npm install @dicebear/avatars-female-sprites --save
 
# identicon
$ npm install @dicebear/avatars-identicon-sprites --save
 
# initials
$ npm install @dicebear/avatars-initials-sprites --save
 
# bottts
$ npm install @dicebear/avatars-bottts-sprites --save
 
# gridy
$ npm install @dicebear/avatars-gridy-sprites --save
 
# avataaars
$ npm install @dicebear/avatars-avataaars-sprites --save
 
# jdenticon
$ npm install @dicebear/avatars-jdenticon-sprites --save

使用

1
2
3
4
5
import Avatars from '@dicebear/avatars';
import SpriteCollection from '@dicebear/avatars-male-sprites';
 
let avatars = new Avatars(SpriteCollection);
let svg = avatars.create('custom-seed');

例如,要创建一个男生头像:

1
2
3
let options = {};
let avatars = new Avatars(sprites(options));
let svg = avatars.create('custom-seed');

create()中的custom-seed是一个随机任意的字符串,随着字符串的不同,生成的头像也不相同。

当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论