<a href="http://www.hightopo.com/demo/pipeline/index.html">http://www.hightopo.com/demo/pipeline/index.html</a>
不过这个例子中的模型都比较规矩，也就消防栓由一个球 + 圆通构成，其他图形通过 HT 提供的基本 Node 以及 Shape 对象即可搞定：
这个例子原理是这样的，将连线 Edge 设置成透明不可见的，然后针对每个 Edge 对应一个 Node 节点，这个节点的形状就是被拉伸并定位到连线位置替代连线来显示，而 Node 图形在还没拉伸之前长得如下：
这里还有个细节是通过 createMatrix 函数，为每个管线设置一个指向两节点位置的矩阵坐标变换参数到 style 的 mat 属性上，矩阵预算不理解也没关系，直接照抄例子中代码即可，为了方便大家理解我搞了个两个节点一条连线更简单的例子供参考：