Konvajs/Vue-Konva使用连接器动态连接形状

Question

我在我的Vuejs/Nuxt应用程序中使用了Konvajs/Vue-Konva。我使用Konva在运行时动态创建Rect形状。现在我想使用某种类型的Connectors来连接不同的Rect Shapes，这样我就可以得到哪个是source Rect，哪个是Target Rect的逻辑，从而建立Parent-Child关系。

我正在使用与shapes相同的方法创建connectors，但是由于某些原因，它不能像预期的那样工作。

我已经在CodeSandBox中添加了我的代码示例。

我希望建立这样的东西，在那里我可以绘制Nodes/Shapes和连接他们使用某种标签的Connectors。有人能告诉我如何添加Connectors和构建逻辑来理解使用Vue-Konva创建的Rect/Shape吗

​

​

Answer 1

张贴，因为它可能对其他人有用：

我尝试了很多库，如Konva、jsPlumb Community Edition、Flowchart-vue、Vue-konva、BPMN，但由于某些原因，没有一个库能以我希望的方式在我的应用程序中运行。

最后，我找到了一个可用于绘制Nodes和Connections的Drawflow库。