JavaScript框架用于绘制工作流程图。

Question

有人知道用于开发工作流程图的JavaScript框架吗？我需要展示对象之间的关系，并能够在浏览器内拖动这些对象。我想要类似于Microsoft Visio的功能。有人使用过Ext JS框架实现过类似的功能吗？目前我只找到了这个：http://kforner.github.com/extjs-dag-drawer/example.html。此外，我还希望能像这样拖动组件：http://raphaeljs.com/graffle.html。

- MacGyver

---

找到另一个...http://www.yworks.com/products/yfileshtml/eap/demos/GraphViewerDemos/demo.yfiles.graph.simpleeditor/index.html - Entree

http://www.yworks.com/en/products_yfiles_practicalinfo_demos.html#html5 - Entree

不可思议！！http://www.yworks.com/products/yfilessilverlight/Demo.yFiles.Graph.Collapse.html - Entree

这是另一个：https://www.gliffy.com - Entree

Answer 1

你是指像 http://www.draw.io/ 这样的工具吗？

这个基于浏览器的工具可以让你绘制UML风格的图表（和工作流程图），然后导出/保存成你想要的格式。

如果这个工具不适合你的需求，搜索UML工具将会帮助你找到其他工具。

对于JS库本身，以上使用了 http://www.jgraph.com/mxgraph.html。

- CerealBoy

---

我想我的问题是一个重复的问题。http://stackoverflow.com/questions/3153334/are-there-any-javascript-graphics-libraries-that-support-visio-like-diagram-crea - Entree

Answer 2

我可以建议 Graphiti，它基于 RaphaelJS。在这种情况下，您拥有 raphaelJS API 和社区的强大力量，以及比 graffle 演示页面更好的对象/API处理能力。

问候

- user1397870

---

太棒了！这是你开发的吗？这是基于ExtJS框架的吗？ - Entree

写 RaphaelJS 的那个人也建立了 Sencha（或 extjs）的绘图包。你可以在两者中做同样的事情。 - Dawesi

Answer 3

如果您需要一个JavaScript框架，请看一下： http://jsplumbtoolkit.com

- Rix Beck

---

快速问题..有没有办法让某人获取一个图（其中节点具有多个父节点）并即时创建一个图表？例如，假设您有一个带有两列的表：parent_node和child_node。 - Entree

抱歉，我还没使用jsplumb，只是在等待一个以后的项目。一定要深入挖掘API朋友...对不起。 - Rix Beck