V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
cloudhuang
V2EX  ›  问与答

请教下同学,下面的这个图是如何画的?

  •  
  •   cloudhuang · 2018-12-13 08:57:28 +08:00 · 2867 次点击
    这是一个创建于 2172 天前的主题,其中的信息可能已经有所发展或是发生改变。

    可能是画布,可能是 svg,有没有什么现成的 js 库可以画这种图的?谢谢。

    13 条回复    2018-12-17 16:53:47 +08:00
    stephenyin
        1
    stephenyin  
       2018-12-13 09:21:18 +08:00
    这应该就是一张做好的 png 吧?检测到外链就把原图给你替换了。
    UnPace
        2
    UnPace  
       2018-12-13 09:27:51 +08:00
    May725
        3
    May725  
       2018-12-13 09:29:14 +08:00 via iPhone
    哈哈哈😂
    UnPace
        4
    UnPace  
       2018-12-13 09:29:21 +08:00
    可以尝试使用 processon,欢迎使用我的邀请链接注册:
    https://www.processon.com/i/57f7bc19e4b009c4af430aa6

    cloudhuang
        5
    cloudhuang  
    OP
       2018-12-13 09:33:02 +08:00
    @UnPace 可能是的,这个是根据组件生产的,不是一个提前画好的图
    UnPace
        6
    UnPace  
       2018-12-13 10:09:01 +08:00
    @cloudhuang 喔喔,你说前端实现的话,很像 echarts 里的关系图:
    http://echarts.baidu.com/examples/#chart-type-graph
    amaranthf
        7
    amaranthf  
       2018-12-13 10:11:09 +08:00
    也可以试试 https://draw.io
    polythene
        8
    polythene  
       2018-12-13 10:14:12 +08:00
    楼主,这是一个什么产品的 demo,我也想看一下,最近项目上有需求做个类似的拓扑图
    cloudhuang
        9
    cloudhuang  
    OP
       2018-12-13 10:29:54 +08:00
    @polythene 这个是阿里云的
    geying
        10
    geying  
       2018-12-13 11:03:49 +08:00
    等一下 你们在说啥,什么图? 怎么画微信 logo 么。。。。
    看评论是流程图?
    xuziang111
        11
    xuziang111  
       2018-12-13 11:29:05 +08:00
    @geying lz 用的微信链接被屏蔽了,你用微信打开看看就知道了
    viazure
        12
    viazure  
       2018-12-13 11:40:19 +08:00
    cloudhuang
        13
    cloudhuang  
    OP
       2018-12-17 16:53:47 +08:00
    istio 里提供了一个 d3 的实现,上面的同学说到的 echarts 也是可以的
    @UnPace
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1910 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 00:35 · PVG 08:35 · LAX 16:35 · JFK 19:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.