用于绘制工作流程图的 JavaScript 框架
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/12032528/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
JavaScript framework for drawing workflow diagrams
提问by MacGyver
Does anyone know about any JavaScript frameworks used for developing workflow-like diagrams? I'm looking for ways to show relationships between objects and to be able to drag the objects around within the browser. I'm looking for something similar to the functionality of Microsoft Visio.
有谁知道用于开发类似工作流的图表的任何 JavaScript 框架？我正在寻找显示对象之间关系以及能够在浏览器中拖动对象的方法。我正在寻找类似于 Microsoft Visio 功能的东西。
Has anyone done anything similar with the Ext JS framework? This is all I've seen out there so far.
http://kforner.github.com/extjs-dag-drawer/example.html
有没有人对 Ext JS 框架做过类似的事情？到目前为止，我在那里看到的就是这些。
http://kforner.github.com/extjs-dag-drawer/example.html
And I'd like to be able to drag components around like this.
http://raphaeljs.com/graffle.html
我希望能够像这样拖动组件。
http://raphaeljs.com/graffle.html
回答by CerealBoy
You mean like http://www.draw.io/?
你的意思是像http://www.draw.io/？
This browser-based tool lets you draw UML style diagrams (and workflow diagrams) and then export / save as in your desired format.
这个基于浏览器的工具让您可以绘制 UML 样式图（和工作流图），然后以您想要的格式导出/保存。
Searching for UML tools will help you find others if this doesn't suit your needs.
如果这不适合您的需要，搜索 UML 工具将帮助您找到其他工具。
For the JS library itself, the above uses http://www.jgraph.com/mxgraph.html
对于JS库本身，上面使用的是http://www.jgraph.com/mxgraph.html
回答by MacGyver
回答by Rix Beck
If you need a javascript framework, take a look: http://jsplumbtoolkit.com
如果您需要 javascript 框架，请查看：http: //jsplumbtoolkit.com
