允许用户动态创建流程图的工具/框架/ API（等）

Question

我想为源代码翻译器创建一个基于Web的流程图。

我的问题是我不知道制作工具/框架/ API的具体流程图让用户使用基本的流程图形状动态创建流程图，这些形状可以在以后转换为特定的编程语言源代码。

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

Answer 1

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

使用此库，您可以创建自己的流程图编辑器：

• 您可以声明并创建自己的特定形状和行为
• 支持拖放，以及支持交互式修改和元素创建
• 您可以添加逻辑以防止用户建立某些连接（例如将终端节点连接到起始节点）
• 编辑器支持自动捕捉线，因此创建一个漂亮的图表非常容易。
• 您可以使用自动布局算法重新排列图表和/或边缘路线，以获得良好描绘信息流的良好流程图（从上到下或从左到右，例如）。

请查看此interactive set of demos（需要支持HTML 5的浏览器），尤其是this one。后者显示拖放功能，自动布局使用非常适合流程图和捕捉的样式以及一些更高级的功能，如分组和分区网格。

免责声明：我为创建该库的公司工作。有other libraries（虽然在我的拙见中并不那么强大）。我不代表我的雇主参加SO / SE。