Multiavatar头像生成,要多少有多少
生活随笔
收集整理的這篇文章主要介紹了
Multiavatar头像生成,要多少有多少
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
還在為選一個個性十足,不同于別人的頭像而煩惱嗎?12,230,590,464個
頭像夠你選擇夠不夠?
Multiavatar
一款集多文化頭像生成器,它可以根據不同的種族,不同的文化,不同的年齡,不同的世界觀,以及不同的生活方式為你生成獨一無二的頭像
事實上,它可以根據算法生成12,230,590,464個不同的頭像
安裝和使用方式
引入script資源,傳入任何的字符串類型的參數到“multiavatar”方法中,它將返回代表這個頭像的一段SVG的代碼。
npm方式
使用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头像生成,要多少有多少的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前端的使命来了
- 下一篇: SVG格式的Icon,用了你就知道有多香