remember5
V2EX  ›  Vue.js

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

  •  
  •   remember5 · May 2, 2021 · 4120 views
    This topic created in 1841 days ago, the information mentioned may be changed or developed.

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

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

    6 replies    2021-05-03 18:58:51 +08:00
    cctrv
        1
    cctrv  
       May 2, 2021 via iPhone
    1. 尋找或自己或多種橫線 /樹線 /圓弧等的 svg ;
    2. 預設幾套顏色;
    3. 組合在一起,svg 使用白色覆蓋顏色並調整不透明,背景色根據 userID 選擇某一個預設顏色。

    建議 10 套預設色,或者 5 套。與 userID 的末尾一位對照。
    craig
        2
    craig  
       May 2, 2021
    不知道这个项目有没有帮助,来自 statically.io: https://github.com/fransallen/avatar
    orcusfox
        3
    orcusfox  
       May 3, 2021 via iPhone
    Gravatar 应该是有开源的吧?
    zjsxwc
        5
    zjsxwc  
       May 3, 2021
    remember5
        6
    remember5  
    OP
       May 3, 2021
    @cctrv 最后选择了 canvas 解决了
    @craig 感谢
    @napsterwu 暂时没找到,害
    @JerryCha 已学,很好用
    @zjsxwc 使用 canvas 解决了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5291 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 09:16 · PVG 17:16 · LAX 02:16 · JFK 05:16
    ♥ Do have faith in what you're doing.