欣迪

網址: 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

訂閱 IT-Monk

訂閱最新文章的發布消息! 😚😚😚
Loading

作者介紹 - 欣迪

欣迪

從設計到寫程式,發現自己有追求前端技巧的自虐傾向。不斷的踩坑,再從坑裡爬出來,慢慢對攀岩有點心得。 目前在多間公司擔任網站設計顧問。 同時也是網站架設公司負責人。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。