简介
在开发网站或社交应用时需要使用头像图片，而散落在互联网上的头像图片有很多版权问题和安全隐患。为了避免这些问题，我们可以考虑使用纯文本生成的头像来代替。
avatargen 是一个用于生成纯文本头像的 npm 包，其特点是生成的头像简洁清晰，且易于定制。在本篇文章中，我们将会详细介绍如何使用 avatargen 生成各种样式的头像。
安装
在终端输入以下命令进行安装：
npm install avatargen
使用方法
生成默认头像
以下代码可生成默认的头像：
const avatargen = require('avatargen');
console.log(avatargen());默认情况下，avatargen 会返回一张以字母 'A' 为素材的头像。生成的头像示例如下：
-- -------------------- ---- ------- ----- ------- --------- ----------- ----------- ----------- --------- ------- -----
定制头像样式
avatargen 提供了许多参数可用于定制头像样式，具体如下：
参数 "char"
"char" 参数指定头像图案所需要的字符，它可以是字符串，也可以是数组。如下所示：
const avatargen = require('avatargen');
console.log(avatargen({
char: "它能加班就能加薪"
}));以上代码将会生成以下样式的头像：
它能加班就能加薪 它能加班就能加薪它 能加班就能加薪 能加班就能加薪它 它能加班就能加薪它 能加班就能加薪 加班就能加薪
参数 "size"
"size" 参数指定头像的尺寸大小，它必须是一个数字。如下所示：
const avatargen = require('avatargen');
console.log(avatargen({
char: "答：42",
size: 15
}));以上代码将会生成以下样式的头像：
答：42 答：42答： 42 答：42答： 答：42 答：42答： 42
参数 "background"
"background" 参数指定头像的背景颜色，它可以是字符串 "random"，也可以是任何颜色的字符串。如下所示：
const avatargen = require('avatargen');
console.log(avatargen({
char: "♥ ♥ ♥",
background: "random"
}));以上代码将会生成一个随机颜色的心形头像，示例代码如下：
▚ ▞ ▕▀ ▀▖▕▙▄▄▟ ▕▝▄ ▄▄ ▄▜▕▀▀▘▟ ▝▀▀▀ ▀▀ ▀▘▀▀▀
参数 "foreground"
"foreground" 参数指定头像的前景颜色，它可以是字符串 "random"，也可以是任何颜色的字符串。如下所示：
const avatargen = require('avatargen');
console.log(avatargen({
char: ">:)",
background: "#333",
foreground: "random"
}));以上代码将会生成一个黑色背景，随机颜色表情的头像，示例代码如下：
▀▘
█▀
▐█
█▌
▀▖
▝▀▖
█参数 "padding"
"padding" 参数指定头像图案的边缘空白宽度，它必须是一个数字。如下所示：
const avatargen = require('avatargen');
console.log(avatargen({
char: "🐶",
padding: 2
}));以上代码将会生成一张狗狗头像，并在其外围留有 2 个空白字符。示例代码如下：
🐶
🐶🐶
🐶🐶🐶🐶🐶
🐶🐶🐶🐶🐶🐶
🐶🐶🐶🐶🐶🐶
🐶🐶🐶🐶🐶
🐶🐶
🐶 参数 "radius"
"radius" 参数指定头像圆角的半径值，它必须是一个数字。如下所示：
const avatargen = require('avatargen');
console.log(avatargen({
char: "🍓🍓",
radius: 2
}));以上代码将会生成以下样式和圆角的草莓头像：
🍓🍓 🍓🍓🍓🍓 🍓🍓🍓🍓🍓 🍓🍓🍓🍓🍓 🍓🍓🍓🍓 🍓🍓
结语
本篇文章介绍了 npm 包 avatargen 的使用方法，并且详细地讲解了它的各种参数。通过本篇文章的学习，相信大家已经掌握了如何使用 avatargen 生成各种样式的头像。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005679f81e8991b448e3f2f