三维拓扑元素介绍之TLink

本文详细介绍了TLink,用于表示三维空间中两个节点之间的连接关系。TLink的构造包含fromNode和toNode,连线类型包括linear、orthogonal和flex系列,每种类型都有不同的路径走向,如正交或灵活转向。通过setStyle可以设置连线类型,满足不同场景的可视化需求。
摘要由CSDN通过智能技术生成

上一篇介绍了节点TNode,本篇介绍TLink,TLink表示连接关系。

TLink

TLink表示两个节点之间的连接关系。它的构造如下:

let link = new eg.TLink(fromNode,toNode);

其中fromNode表示起始节点,toNode表示结束节点。

下面是简单的示例:

let node1 = new eg.TNode({image: "./images/convergence.png"});
node1.setName("node1");
node1.p(-200, 100, 0);
let node2 = new eg.TNode({image: "./images/convergence.png"});
node2.setName("node2");
node2.p(200, -100, 0);
let link = new eg.TLink(node1,node2);
dataModel.add(node1);
dataModel.add(node2);
dataModel.add(link);

最终的显示效果如下图所示:

图片.png

连线的类型

连线默认是直线,通过指定连线类型,还可以构造其他形式的连线。 主要包括如下类型:

  • linear 默认类型 表示直线
  • orthogonal.x
  • orthogonal.x.n
  • orthogon
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值