快速网站建设哪家好,如何去做网络营销,找平面图的网站,网站正在建设中 源码下载还在为选一个个性十足#xff0c;不同于别人的头像而烦恼吗#xff1f;12,230,590,464个头像够你选择够不够#xff1f;Multiavatar一款集多文化头像生成器#xff0c;它可以根据不同的种族#xff0c;不同的文化#xff0c;不同的年龄#xff0c;不同的世界观#xff… 还在为选一个个性十足不同于别人的头像而烦恼吗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 srcmultiavatar.min.js/script
scriptvar avatarId Binx Bond;var svgCode multiavatar(avatarId);
/script
关于这个库的原理这12亿个头像的生成都是根据最初的4816x3个基础头像生成的位于项目的根目录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/