Glass
Glass 是一种抽象的矢量头像风格,具有半透明、几何化的 玻璃效果形状。为应用程序生成现代、注重设计且可自定义的个人资料图标, 呈现高级美感。
Glass by DiceBear, licensed under CC0 1.0 .
LICENSE
While our code is MIT licensed, the design of this avatar style is licensed under CC0 1.0. See details for more information.
用法
Use this URL to request this avatar style via our HTTP API.
https://api.dicebear.com/10.x/glass/svg
You can use the URL directly as image source.
<img src="https://api.dicebear.com/10.x/glass/svg" alt="avatar" />
See HTTP-API docs for more information.
First install the required packages via npm:
npm install @dicebear/core @dicebear/definitions --save
Then you can create this avatar as follows:
import { Style, Avatar } from '@dicebear/core';
import definition from '@dicebear/definitions/glass.json';
const style = new Style(definition);
const avatar = new Avatar(style, {
// ... options
});
const svg = avatar.toString();
See JS docs for more information.
First install the required packages via Composer:
composer require dicebear/core dicebear/definitions
Then you can create this avatar as follows:
<?php
use Composer\InstalledVersions;
use DiceBear\Style;
use DiceBear\Avatar;
$basePath = InstalledVersions::getInstallPath('dicebear/definitions');
$definition = json_decode(file_get_contents($basePath . '/src/glass.json'), true);
$style = new Style($definition);
$avatar = new Avatar($style, [
// ... options
]);
$svg = (string) $avatar;
See PHP docs for more information.
First install the CLI package via npm:
npm install --global dicebear
Then you can create this avatar as follows:
dicebear glass
See CLI docs for more information.
选项
详情
| Naming | |
|---|---|
| Definition Import | import definition from '@dicebear/definitions/glass.json'; |
| CLI | dicebear glass |
| HTTP-API | https://api.dicebear.com/10.x/glass/svg |
| Definition | https://cdn.hopjs.net/npm/@dicebear/definitions@10.0.0-rc.4/dist/glass.min.json |
| Source | |
|---|---|
| Title | Glass |
| Creator | DiceBear |
| Website | https://www.dicebear.com |
| License | CC0 1.0 |
| Source | https://www.dicebear.com |