还在为选一个个性十足,不同于别人的头像而烦恼吗?12,230,590,464个
头像够你选择够不够?
Multiavatar
一款集多文化头像生成器,它可以根据不同的种族,不同的文化,不同的年龄,不同的世界观,以及不同的生活方式为你生成独一无二的头像
事实上,它可以根据算法生成12,230,590,464个不同的头像
安装和使用方式
引入script资源,传入任何的字符串类型的参数到“multiavatar”方法中,它将返回代表这个头像的一段SVG的代码。
npm方式
npm i @multiavatar/multiavatar
const multiavatar = require('@multiavatar/multiavatar')
let svgCode = multiavatar('Binx Bond')
使用script标签方式
<script src="multiavatar.min.js"></script>
<script>var avatarId = 'Binx Bond';var svgCode = multiavatar(avatarId);
</script>
关于这个库的原理
这12亿个头像的生成都是根据最初的48(16x3)个基础头像生成的,位于项目的根目录svg下,每个头像包含6个部分
背景
衣服
头部
嘴
眼睛
身体上部
每个头像会包含最多三种不同的颜色,这也就是以上3的由来,根据排列组合最终得到
48^6 = 12,230,590,464
另外作者还提供了直接生成头像的API,如下,后面一段就是头像的字符串,返回的是SVG代码
https://api.multiavatar.com/v1/Starcrasher
let avatarId = 'Binx Bond'
fetch('https://api.multiavatar.com/v1/'
+JSON.stringify(avatarId)).then(res => res.text()).then(svg => console.log(svg))
官网
https://multiavatar.com/