【发布时间】：2021-12-19 17:25:25
【问题描述】：
我在我的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
【问题讨论】：
-
Konva 是一个 2D 绘图库。它支持简单的形状，可以组合起来创建复杂的显示。但它没有连接器的概念。形状也没有连接点的概念。您必须自己编写代码。或者您可以使用更复杂的库，例如 gojs，它具有更多的内置图表样式和功能。您可能需要重新评估您的能力与项目范围和时间表。
-
@VanquiishedWombat 非常感谢您的回复。我实际上是在尝试找到可用于实现此目的的开源库。我查看了
Gojs，但它实际上是付费的，我之前正在查看Syncfusion。你能告诉我是否有任何开源drawing js library可以用来实现类似的东西吗？ -
@VanquiishedWombat 非常期待您的回复。根据您的回复，如果我不能使用
Konva，我可以使用不同的库。 -
@VanquiishedWombat 很抱歉再次与您联系，但我真的被这个问题所困扰。任何帮助将非常感激。提前非常感谢。
-
我不想削弱你的热情，但正如我在 Discord 中提到的，你想要达到的目标是先进的。如果我们使用 PowerPoint 与您的预期目标进行比较，那么您将需要形状上的连接点、连接器上的变化（直线、弯曲和正交）以及拖动形状的对齐提示。鉴于您提出的其他疑问，我认为您可能是 2D 绘图的新手，并且学习曲线陡峭，前方道路漫长。 SO 不是教学网站。
标签： vue.js nuxt.js konvajs konva vue-konva