问题描述
我一直在使用npm包react-flow-chart,
现在,我可以使用拖放操作在节点之间创建链接。
问题是:
我必须将链接准确地放在端口上
就我而言,每个节点上始终会有一个输入端口,
即使我在目标节点上的任何位置断开链接,也可以连接该链接,
(不完全在端口上)
看图片,
如果我可以将源节点上的链接从目标节点上的任意位置放下,但仍然可以连接该链接,是否可以。
假设输入的portId将是静态的,例如,以portId =“ in”
解决方法
自己找到了解决方案,
onLinkCancel事件,我获得链接的放置位置
我可以检查这个位置是否在任何节点内
使用节点位置,它们的高度和宽度!