当前位置: 首页 > Web前端 > HTML

TLink

时间:2023-03-28 13:58:13 HTML

3D拓扑元素介绍上一篇介绍节点TNode,本文介绍TLink,代表连接关系。TLinkTLink表示两个节点之间的连接关系。其结构如下:letlink=neweg.TLink(fromNode,toNode);其中fromNode代表起始节点,toNode代表结束节点。这是一个简单的例子:letnode1=neweg.TNode({image:"./images/convergence.png"});node1.setName("node1");node1.p(-200,100,0);让node2=neweg.TNode({image:"./images/convergence.png"});node2.setName("node2");node2.p(200,-100,0);让link=new例如。TLink(node1,node2);dataModel.add(node1);dataModel.add(node2);dataModel.add(link);最终显示效果如下图所示:默认连接类型为直线,通过指定连接线类型,也可以构建其他形式的连接。主要包括以下几种类型:linear默认类型表示直线。线的类型,代码如下:link.setStyle("link.type","orthogonal.x");其中正交类型表示正交连接类型,如下图,意思是“orthogonal.x”:表示Orthogonaleffect,其中orthogonal.x表示从headfromNode到toNode先沿x方向,再沿y方向direction,最后沿z方向,orthogonal.x.n表示从headfromNode到toNode先沿x方向,再沿Z方向,最后沿y方向前进。Orthogonal.y的意思是从第一个fromNode到toNode,先沿着y方向,然后沿着z方向,最后沿着x方向移动。等等等等。flex类型也是正交效果,但是先到达两个节点??的中心点。如下图,意思是“flex.x”:相关规则类似正交级数。其中,flex.x表示从第一个fromNode到toNode,先沿x方向,沿y方向,最后沿z方向,flex.x.n表示从第一个fromNode到toNode,沿x方向,再沿z方向方向,最后沿着z方向往y方向走。等等。小结本文介绍了TLink的构造方法,介绍了TLink的各种类型。通过文中的各种类型,可以满足大部分的构建需求。欢迎关注公众号:《人物轻松可视化》。