
網址: https://avatars.dicebear.com/
相信大家做 demo 用的網站時,偶爾會需要做一些假的使用者頭貼。
這個網站,可以輕鬆的產出格種不同的 svg 格式的向量卡通大頭貼。
除此之外,還提供客製化的選項。包含 風格, 背景圖樣, 選轉, 圓角…等 ,使用方法也十分簡單。
直接把所有的選項帶到 svg 的網址裡面即可。
可以參考它的技術文件:
https://avatars.dicebear.com/docs
目前有 22 種不同的風格選項:
https://avatars.dicebear.com/styles/
每一個不同的風格,也有不同的選項可提供選擇。
例如 Adventurer 風格的圖案,還可以選擇它的髮色,眼睛顏色… 等。
技術文件:https://avatars.dicebear.com/styles/adventurer
以下簡單做了幾個基礎風格的大頭貼產生器。如果要更多的選項可以參考官方每一個風格選項的 api。
See the Pen
DiceBear Avatar Generator – Avatar by Dean (@hcd1983)
on CodePen.0