用web，vue方法，画室内建筑机器和管道的连接图，用什么插件好？

Question

之前是在windows平台上，用的是eyeshot插件，现在想做web在线的方式。

用web，vue方法，画室内建筑机器和管道的连接图，用什么插件好？
如图：

比如：右侧再增加一个产品库，可拖动产品到左侧画布，产品与产品之前可以用画线条连接，所有产品和线的关系画好后，生成.xml关系文件给后端使用。

如果打算用webGL技术去做的话，用SceneJS或Three.js，哪个更适合一些？

Answer 1

fabric.js。
FabricJS 的定位是交互性的图形渲染器，针对这个需求的一个优点是自带了例如拖拽、缩放等交互动作，做2D编辑器的话非常合适。
treeJS 和 senceJS ，主要是 3D 的渲染器，适合做3D场景的展示，做编辑器的话需要费点精力去搞定交互。如果没有 3D 编辑的需求，那自然是比不上 FabricJS 的。如果要考虑做 3D 的场景编辑，一些游戏引擎可能比这两个库更适用。

Answer 2

Three.js