html5 javascript工作流图生成器

作者: 永远的记忆
发布时间: 2025-02-27 10:58:48 (13天前)
转自：

5 条回复

0#
回复此人
trpnest | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 请通过mxGraph（ <a href="https://www.jgraph.com" rel="noreferrer"> www.jgraph.com </A> ），这是HTML5 / JavaScript与HTML 4浏览器的后备。您可以在以下位置查看使用该技术的示例 <a href="https://www.draw.io" rel="noreferrer"> www.draw.io </A> </DIV>

编辑
1#
回复此人
那年 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 如果您正在寻找更复杂的解决方案，那么在商业场景中，您可能需要考虑 <a href="http://www.yworks.com/yfileshtml" rel="nofollow noreferrer"> yFiles for HTML </A> 。如果你的系统非常简单，那么这可能是过度的，而且更简单的解决方案就像 <a href="http://jsplumbtoolkit.com/" rel="nofollow noreferrer"> jsPlumb </A> 可能就够了。 前一个库支持各种用户交互和自定义，并支持轻松集成自己的形状和可视化表示。 具体来说，对于工作流可视化，自动布局算法的实现 <a href="http://en.wikipedia.org/wiki/Layered_graph_drawing" rel="nofollow noreferrer"> 杉山布局 </A> 在需要自动安排更多工作流程项时非常有用： <img src =“https://i.stack.imgur.com/IWcf2.png”alt =“由yFiles创建的Sugiyama示例渲染”/> 在上图中，添加了泳道，这在更复杂的工作流程图中非常常见。该算法可以自动排列形状，连接和泳道。你可以看到这个在行动中 <a href="http://live.yworks.com/demobrowser/index.html#Business-Process-Models" rel="nofollow noreferrer"> 这个实时示例应用程序 </A> 泄露 ：我为创建该库的公司工作。因此，我不代表我的雇主，我的评论，想法和帖子都是我自己的。 </DIV>

编辑
2#
回复此人
岁爵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 这是我的两分钱。 如果您需要GPL和/或商业版，可以使用Draw2d.org lib。它是一个SDK评估者而不是即用型应用程序。在这种情况下集成或定制是可能的。 <UL> <LI> 读/写JSON </LI> <LI> 写PNG或GIF </LI> <LI> ... </LI> </UL> </DIV>

编辑
3#
回复此人
那月静好 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 我已经尝试了几个工作流程，流程图和图表工具。 我发现了一个可以制作工作流程图，从服务器加载和保存数据的工具。 这几乎具有可用于制作工作流程图的所有功能： 1）矩形内的富文本。 2）能够自定义形状。 3）能够添加流程图符号并修复后端代码。 4）适用于Android，iOS，HTML5浏览器。 5）能够添加不同种类的线以附加到不同的形状和对象。 麻省理工学院许可。 <a href="https://code.google.com/p/svg-edit/" rel="nofollow"> https://code.google.com/p/svg-edit/ </A> </DIV>

编辑

登录后才能参与评论