三维拓扑初学实战

现在有很多的二维拓扑解决方案，开源的和商业的都有。 不过在三维拓扑这块，确专业的组件很少。 这次，我给大家介绍一款专业的三维拓扑软件，图意三维拓扑(EasyGraph)。

基本概念

EasyGraph使用HTML5和JavaScript语音，底层使用webgl技术，可以在支持webgl的浏览器上进行绘图。

使用EasyGraph前，需熟悉几个基本概念：图元（TData）、容器（DataModel）和画布（TGraph）。

• 图元：图形中的各种基本元素，如节点（TNode）、连线（TLink）等；
• 容器：图元都统一放置在一个容器（DataModel）中进行管理，如同“装鸡蛋的篮子”一样。它负责图元的增/删/改/查等管理操作；
• 画布：图元最终都绘制在画布（TGraph）组件上。TGraph是最终用户看到的图形组件，负责图形画面的具体绘制和交互；

EasyGraph是一个MVVM开发，其中M代表了图元和容器部分，V代表了TGraph部分。

拓扑主要元素介绍

一般来说拓扑主要的元素就是节点和连线，除此之外还包括一些分组，子网等支持展开合并，钻取逻辑的元素。 EasyTopo，包括以下主要的元素：

画布类元素

• TGraph 展示三维拓扑的画布

数据类元素