Multiavatar头像生成,要多少有多少
还在为选一个个性十足,不同于别人的头像而烦恼吗?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头像生成,要多少有多少相关推荐
- 用 Python 将 QQ 好友头像生成祝福语
本文我们来看一下如何使用 Python 将 QQ 好友头像拼成"五一快乐"四个字.我们可以将整个实现过程分为两步:爬取 QQ 好友头像.利用好友头像生成文字. 爬取头像 爬取 QQ ...
- GAN二次元头像生成Pytorch实现(附完整代码)
介绍 本文是李宏毅GAN课程课后作业HW3_1(二次元头像生成,Keras实现)的Pytorch版本.写这篇的原因是一方面刚开始接触GAN,二是个人比较习惯用Pytorch,所以将keras改成Pyt ...
- 万圣节日丧尸变异头像生成流量主小程序开发
万圣节日丧尸变异头像生成流量主小程序开发 每到节日庆典,各种头像小程序就火爆起来,每次都有新的小程序开始售卖,换汤不换药,比如今年国庆的渐变,去年圣诞的圣诞帽生成. 这些热点,你追累了吗? 看到群里靠 ...
- 【Java】渐变头像生成-代码实现
获取必不可少的工具类代码 imagetool: 图片转字符图片工具类,支持 Gif 动画.图片合并.图片加水印等图片处理其他工具类方法.详情请看https://gitee.com/xshuai/ima ...
- 虚拟文字内容、图片、头像生成工具
现在设计行业是非常注重版权的,不是随便拿张素材.图片就能放到你的设计稿上面去哦,所以设计达人网一直坚持寻找版权免费使用的素材给大家!不过今天主要是不是素材,而且分享一些虚拟文字.图片.头像生成工具,比 ...
- 群聊头像 - 取前五个用户头像生成一个新的头像
仿微信九宫格(从1-9个头像) 取前五个用户头像生成一个新的头像(从1-5个头像) 可自定义算法做头像拼接 效果图如下 package com.example.demo.util;import jav ...
- vue的头像生成神奇
CSDN话题挑战赛第2期 参赛话题:学习笔记 大家好,我是前端实验室的大师兄! 今天给大家推荐一款小而美的头像生成神器 为什么说小而美呢? 这个项目没有使用太多的依赖,也没有太多花里胡哨的功能,这是一 ...
- [533]python获取微信好友头像生成点阵图片
首先是点阵字的概念:点阵字体是把每一个字符都分成 n * n 个点,然后用每个点的虚实来表示字符的轮廓.点阵字体也叫位图字体,其中每个字形都以一组二维像素信息表示. 汉字那么多,总不能每个字都去自己设 ...
- Python图像处理之十行代码搞定圆型头像生成
1 引言 最近有小伙伴咨询怎么用python来制作一个好看的圆形头像,如下所示的效果:左侧为原图,右侧为我们圆形头像生成图. 自从学了python来做图像处理,这种简单图像处理使用10行代码即可搞定. ...
最新文章
- 程序员生存定律--编程的起点与可能的失足
- 第十五届全国大学生智能车全国总决赛获奖信息-华北赛区
- [Spark]PySpark入门学习教程---介绍(1)
- POJ2083-Fractal【分形,分治】
- [react] React组件的构造函数是必须的吗?
- 调试一个Ext打开的window窗口内嵌Iframe的form提交问题
- java c 引用区别_Java的引用c++的引用和C指针的区别
- 荣耀Magic 3渲染图曝光:超大主摄暗示顶级成像效果
- 二级c语言2013年真题,2013年3月全国计算机二级c语言真题
- twitter最多关注者_Twitter的10个最具创意的用途
- http接口开发几种工具简单介绍
- oracle扩容临时表空间,oracle临时表空间扩容
- 扫描枪速度测试软件,条码扫描枪怎么测试
- 使用批处理进行批量重命名
- 招5000人!美团2023届校园招聘全面启动
- 获取高薪职位的六个妙计
- 【多线程】Lock和ReentrantLock使用和源码分析
- 用eclipse读spark源码
- 男朋友该对女生说的23句话(转)
- 微信客户管理方式及如何微信客户管理
热门文章
- 【渝粤教育】国家开放大学2018年春季 3896T人文英语1 参考试题
- 【渝粤教育】电大中专职业健康与安全 (3)作业 题库
- AC-DC电源模块怎么选择?有哪些注意事项?
- oracle12c asmfd,Oracle 12C R2-新特性-自动配置ASMFD
- int型 判断奇偶_XSS(Reflected) 反射型跨站攻击
- go语言服务器运行,Go语言实现Web服务器
- 计算机二级web题目(7.4)--综合应用题1
- tg3269c网卡驱动linux,TP-Link3269C网卡驱动官方版
- error inflating class binaryXML LayoutParams addRule()
- workunit 的指的工作单元是什么_分频器是做什么用的?