请教下同学，下面的这个图是如何画的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2177 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

svg

画布

现成

请教

13 条回复 • 2018-12-17 16:53:47 +08:00

stephenyin

2018-12-13 09:21:18 +08:00

这应该就是一张做好的 png 吧？检测到外链就把原图给你替换了。

UnPace

2018-12-13 09:27:51 +08:00

@stephenyin 哈哈哈他应该是想问的这张图，只是微信外链被屏蔽了:https://mmbiz.qpic.cn/mmbiz_png/8XkvNnTiapOOzT7hJ2icWoeGuBA4RS8BsZzzpE2KiccjAMicAfBkkH5eaLcxkSKYrCYply8KQlicVyvGd2ZSphxMHMA/640

May725

2018-12-13 09:29:14 +08:00 via iPhone

哈哈哈😂

UnPace

2018-12-13 09:29:21 +08:00

可以尝试使用 processon，欢迎使用我的邀请链接注册：
https://www.processon.com/i/57f7bc19e4b009c4af430aa6

cloudhuang

2018-12-13 09:33:02 +08:00

@UnPace 可能是的，这个是根据组件生产的，不是一个提前画好的图

UnPace

2018-12-13 10:09:01 +08:00

@cloudhuang 喔喔，你说前端实现的话，很像 echarts 里的关系图：
http://echarts.baidu.com/examples/#chart-type-graph

amaranthf

2018-12-13 10:11:09 +08:00

也可以试试 https://draw.io

polythene

2018-12-13 10:14:12 +08:00

楼主，这是一个什么产品的 demo，我也想看一下，最近项目上有需求做个类似的拓扑图

cloudhuang

2018-12-13 10:29:54 +08:00

@polythene 这个是阿里云的

geying

2018-12-13 11:03:49 +08:00

等一下你们在说啥，什么图？怎么画微信 logo 么。。。。
看评论是流程图？

xuziang111

2018-12-13 11:29:05 +08:00

@geying lz 用的微信链接被屏蔽了，你用微信打开看看就知道了

viazure

2018-12-13 11:40:19 +08:00

https://i.loli.net/2018/12/13/5c11d45d4a40b.jpg

cloudhuang

2018-12-17 16:53:47 +08:00

istio 里提供了一个 d3 的实现，上面的同学说到的 echarts 也是可以的
@UnPace