不懂就问,前端通过一个文字来生成头像,如 gitlab 默认头像,如何实现

2021-05-02 20:04:56 +08:00
 remember5

后端开发,前端使用 vue,不太懂前端 canvas,想要的效果图如下 http://qiniu.remember5.top/uPic/WechatIMG1637.jpeg

目前找到了一个版本,还有点差异,地址 https://github.com/scarletsky/md-avatar

3176 次点击
所在节点    Vue.js
6 条回复
cctrv
2021-05-02 20:11:26 +08:00
1. 尋找或自己或多種橫線 /樹線 /圓弧等的 svg ;
2. 預設幾套顏色;
3. 組合在一起,svg 使用白色覆蓋顏色並調整不透明,背景色根據 userID 選擇某一個預設顏色。

建議 10 套預設色,或者 5 套。與 userID 的末尾一位對照。
craig
2021-05-02 23:25:03 +08:00
不知道这个项目有没有帮助,来自 statically.io: https://github.com/fransallen/avatar
napsterwu
2021-05-03 11:28:01 +08:00
Gravatar 应该是有开源的吧?
JerryCha
2021-05-03 13:12:34 +08:00
zjsxwc
2021-05-03 15:28:01 +08:00
remember5
2021-05-03 18:58:51 +08:00
@cctrv 最后选择了 canvas 解决了
@craig 感谢
@napsterwu 暂时没找到,害
@JerryCha 已学,很好用
@zjsxwc 使用 canvas 解决了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/774665

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX