让用户动态创建流程图的工具/框架/API(等等)

Question

我想要创建一个基于网络的流程图，以源代码翻译。

我的问题是，我不知道有哪些特定的流程图可以让用户使用基本的流程图形状动态创建流程图，这些图形可以在以后转换为特定的编程语言源代码。

我将只使用流程图的基本形状，因为这个流程图用于源代码翻译，最好是用来帮助新手程序员学习。

Answer 1

如果这是在商业场景中，那么使用像yFiles这样的商业图形绘制库应该是可行的。

通过这个库，您可以创建自己的流程图编辑器：

• 您可以声明并创建自己的特定形状和行为。
• 支持拖放以及元素的交互修改和创建。
• 您可以添加逻辑以防止用户进行某些连接(例如将结束节点连接到开始节点)。
• 编辑器支持自动划线，因此创建一个很好的图表非常容易。
• 您可以使用自动布局算法重新排列图表和/或边缘路由，以获得很好的流程图，其中信息流被很好地描述(从上到下或从左到右)。

看看这个交互式演示集 (需要具备HTML5功能的浏览器)，特别是这一个。后者展示了拖放功能、使用非常适合流程图和快照的样式的自动布局以及一些更高级的功能，如分组和分区网格。

免责声明:我为创建图书馆的公司工作。有其他图书馆 (虽然在我看来没有那么强大)。我在SO/SE上不代表我的雇主。