HTML5JavaScript工作流图生成器

我正在寻找一个在HTML5JavaScript工作流生成器

我有一个系统，有几个状态，这些状态遵循一个特定的工作流，可以由用户更改

我正在寻找一个简单的框架，它将生成工作流的可视化表示

例：

• 从头到尾
• 从解决方案到结束或从过程到结束
• 最后，从解决方案到结束

---

请浏览mxGraph（），它是HTML5/JavaScript，支持HTML4浏览器。在

中，您可以看到一个示例，如果您正在寻找更复杂的解决方案，那么在商业场景中，您可能需要考虑。如果您的系统非常简单，那么这可能有点过头了，像这样简单的解决方案可能就足够了

前一个库支持各种用户交互和自定义，并支持轻松集成您自己的形状和视觉表示

具体而言，对于工作流可视化，当需要自动安排更多的工作流项时，的自动布局算法实现非常有用：

上图中添加了泳道，这在更复杂的工作流图中非常常见。该算法可以自动排列形状、连接和泳道。您可以在中看到这一点

---

披露：我为创建上述图书馆的公司工作。因此，我不代表我的雇主，我的评论、想法和帖子都是我自己的。

我尝试过几种工作流程、流程图和图表工具

我找到了一个，然后我可以制作一个工作流程图，在服务器上加载和保存数据

它具有几乎所有可用于制作工作流图的功能：

1） 矩形内的富文本

2） 能够定制形状

3） 能够添加流程图符号和修复后端代码

4） 适用于Android、iOS、HTML5浏览器

5） 能够添加不同类型的线以附着到不同的形状和对象

麻省理工学院授权

这是我的两分钱

如果您需要GPL和/或商业版本，可以使用Draw2d.org库。 它是一个SDK评级器，而不是一个现成的应用程序。在本例中，是一个集成 或者可以进行定制

• 读/写JSON
• 书写PNG或GIF

---

您好，这太棒了。您能否提供一个simpe示例SVG Edit是一个通用的基于HTML5的网络图表工具。我仍在编写代码，到目前为止没有任何障碍。我确实尝试过其他绘图工具，但发现它们不令人满意。我建议您仔细研究一下：您也可以查看Github中提供的这个功能强大的免费工具：