首页 > 解决方案 > 反应流程图:在节点上的任何位置放置时连接链接

问题描述

我一直在使用 npm 包 react-flow-chart,我现在可以使用拖放在节点之间创建链接。

问题是:我必须将链接完全放在端口上在我的情况下,我将始终在每个节点上都有一个输入端口,是否可以连接链接,即使我在目标节点上的任何位置放置链接,(不完全在港口上)

在此处输入图像描述

查看图像,如果我将链接从源节点拖放到目标节点上的任何位置,是否仍然可以连接链接。假设输入 portId 是静态的,例如取 portId = "in"

标签: javascriptreactjsreact-chartjs

解决方案


自己找到了解决办法,

onLinkCancel 事件,我得到链接的放置位置我可以检查这个位置是否落在任何节点内,使用节点位置,它们的高度和宽度!


推荐阅读