Topology 是基于 typescript + canvas 实现的在线绘图的引擎。采用引擎 + 图形库中间件的思路能够方便、快速的扩展、集成到前端项目。
在vs code插件列表里搜索：le5le topology，或le5le-topology-plugin
查看插件
特性包括易扩展、方便集成等，可用于：
音频/视频
开源
加入3D功能，全面、充分的可以实现智慧城市的3D可视化、SCADA 3D效果、物联网3D装配效果、安防等3D可视化场景。
主要由：层、节点、连线和箭头等组成。
这里的层，主要是为了提升性能的逻辑层；与类似ps里面的用户图层无关。
离屏层 ：包含所有绘图数据，是最稳定的图层。
选中层 ：用户选中部分或全部节点/连线的高亮图层，并设置相关属性、缩放、和旋转等。
动画层 ：主要用于演示动画。
活动层 ：主要用于箭头鼠标交互事件，比如锚点和连线过程。
是画布的主要组成部分，节点内部还可以包含图标或文字。
连线和箭头是关联在一起的。连线两端可以选择设置或不设置箭头。
节点可以通过控制点进行整体缩放、旋转。
连线只表示节点描点间的连线，不存在缩放、旋转。节点缩放或旋转会造成控制点的重计算。连线形状可以由线的控制点改变。
节点和连线各种有自身的绘画属性，同时还可以设置一个附加的自定义数据
es6使用示例：
github.com/le5le- com/t…
typescript使用示例：
vue使用示例：
https://github.com/le5le-com/topology-vue
react使用示例：
https://github.com/le5le-com/topology-react
