还在为选一个个性十足,不同于别人的头像而烦恼吗?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/

Multiavatar头像生成,要多少有多少相关推荐

  1. 用 Python 将 QQ 好友头像生成祝福语

    本文我们来看一下如何使用 Python 将 QQ 好友头像拼成"五一快乐"四个字.我们可以将整个实现过程分为两步:爬取 QQ 好友头像.利用好友头像生成文字. 爬取头像 爬取 QQ ...

  2. GAN二次元头像生成Pytorch实现(附完整代码)

    介绍 本文是李宏毅GAN课程课后作业HW3_1(二次元头像生成,Keras实现)的Pytorch版本.写这篇的原因是一方面刚开始接触GAN,二是个人比较习惯用Pytorch,所以将keras改成Pyt ...

  3. 万圣节日丧尸变异头像生成流量主小程序开发

    万圣节日丧尸变异头像生成流量主小程序开发 每到节日庆典,各种头像小程序就火爆起来,每次都有新的小程序开始售卖,换汤不换药,比如今年国庆的渐变,去年圣诞的圣诞帽生成. 这些热点,你追累了吗? 看到群里靠 ...

  4. 【Java】渐变头像生成-代码实现

    获取必不可少的工具类代码 imagetool: 图片转字符图片工具类,支持 Gif 动画.图片合并.图片加水印等图片处理其他工具类方法.详情请看https://gitee.com/xshuai/ima ...

  5. 虚拟文字内容、图片、头像生成工具

    现在设计行业是非常注重版权的,不是随便拿张素材.图片就能放到你的设计稿上面去哦,所以设计达人网一直坚持寻找版权免费使用的素材给大家!不过今天主要是不是素材,而且分享一些虚拟文字.图片.头像生成工具,比 ...

  6. 群聊头像 - 取前五个用户头像生成一个新的头像

    仿微信九宫格(从1-9个头像) 取前五个用户头像生成一个新的头像(从1-5个头像) 可自定义算法做头像拼接 效果图如下 package com.example.demo.util;import jav ...

  7. vue的头像生成神奇

    CSDN话题挑战赛第2期 参赛话题:学习笔记 大家好,我是前端实验室的大师兄! 今天给大家推荐一款小而美的头像生成神器 为什么说小而美呢? 这个项目没有使用太多的依赖,也没有太多花里胡哨的功能,这是一 ...

  8. [533]python获取微信好友头像生成点阵图片

    首先是点阵字的概念:点阵字体是把每一个字符都分成 n * n 个点,然后用每个点的虚实来表示字符的轮廓.点阵字体也叫位图字体,其中每个字形都以一组二维像素信息表示. 汉字那么多,总不能每个字都去自己设 ...

  9. Python图像处理之十行代码搞定圆型头像生成

    1 引言 最近有小伙伴咨询怎么用python来制作一个好看的圆形头像,如下所示的效果:左侧为原图,右侧为我们圆形头像生成图. 自从学了python来做图像处理,这种简单图像处理使用10行代码即可搞定. ...

最新文章

  1. 程序员生存定律--编程的起点与可能的失足
  2. 第十五届全国大学生智能车全国总决赛获奖信息-华北赛区
  3. [Spark]PySpark入门学习教程---介绍(1)
  4. POJ2083-Fractal【分形,分治】
  5. [react] React组件的构造函数是必须的吗?
  6. 调试一个Ext打开的window窗口内嵌Iframe的form提交问题
  7. java c 引用区别_Java的引用c++的引用和C指针的区别
  8. 荣耀Magic 3渲染图曝光:超大主摄暗示顶级成像效果
  9. 二级c语言2013年真题,2013年3月全国计算机二级c语言真题
  10. twitter最多关注者_Twitter的10个最具创意的用途
  11. http接口开发几种工具简单介绍
  12. oracle扩容临时表空间,oracle临时表空间扩容
  13. 扫描枪速度测试软件,条码扫描枪怎么测试
  14. 使用批处理进行批量重命名
  15. 招5000人!美团2023届校园招聘全面启动
  16. 获取高薪职位的六个妙计
  17. 【多线程】Lock和ReentrantLock使用和源码分析
  18. 用eclipse读spark源码
  19. 男朋友该对女生说的23句话(转)
  20. 微信客户管理方式及如何微信客户管理

热门文章

  1. 【渝粤教育】国家开放大学2018年春季 3896T人文英语1 参考试题
  2. 【渝粤教育】电大中专职业健康与安全 (3)作业 题库
  3. AC-DC电源模块怎么选择?有哪些注意事项?
  4. oracle12c asmfd,Oracle 12C R2-新特性-自动配置ASMFD
  5. int型 判断奇偶_XSS(Reflected) 反射型跨站攻击
  6. go语言服务器运行,Go语言实现Web服务器
  7. 计算机二级web题目(7.4)--综合应用题1
  8. tg3269c网卡驱动linux,TP-Link3269C网卡驱动官方版
  9. error inflating class binaryXML LayoutParams addRule()
  10. workunit 的指的工作单元是什么_分频器是做什么用的?