允许网络用户创建流程图/图表的最佳工具是啥？

Posted 2023-02-25

【中文标题】允许网络用户创建流程图/图表的最佳工具是啥？

【英文标题】：What is the best tool to allow web users to create flowcharts/diagrams?允许网络用户创建流程图/图表的最佳工具是什么？

【发布时间】：2009-10-08 11:22:24

【问题描述】：

我正在创建一个网络应用程序，其中教师需要能够轻松地创建教育图表、流程图，基本上：

带有文字的方框和圆圈 文字标签 能够上传和嵌入图形 易于用箭头等制作线条 大量现成的图标和剪贴画会很好 免费和开源会很好

基本上，我正在寻找一个网站 RichTextBox 编辑器，但具有基本的 Visio 功能，它允许用户：

点击“创建图表” 用鼠标创建所见即所得 保存（在服务器上） 在应用程序中使用它

它可以使用 javascript/jQuery、Flash 或 Silverlight，没关系，只要它在浏览器中运行即可。

【参考方案1】：

Firefox Pencil Add-on 允许用户制作图表并将其保存为 .png 文件：

【讨论】：

闻起来像一个插头，只是为了回答你自己的问题

我尝试了所有这些，最后找到了 yEd 编辑器，它是这个问题的最佳答案。我发布了我找到的所有工具的链接，并选择了 yEd 作为最终答案，以便找到这个问题的其他人知道什么是这个问题的最佳答案，因为我假设 *** 从现在到结束都会存在，这是我存储链接供自己以后参考的地方，我认为您甚至不会因为回答自己的问题而获得积分，是吗？

我自己对积分一无所知，实际上我并不关心这一点。我一直在使用 encanvas.js 来查看 Processing.js，以获得与您所提议的内容类似的东西 - 必须为此开发自己的处理方式，但似乎是可能的。

【参考方案2】：

https://bubbl.us/beta 非常易于使用和创建 PNG，但功能非常有限，google docs 解决方案很好（感谢@Dave Beer）但屏幕大小是静态的，您不能制作大 PNG：@ 987654322@

同样不容错过：yEd：http://www.yworks.com/en/products_yed_about.html

我对此进行了更多研究并选择 yEd 作为我们将用于该项目的工具，以下是 yEd、Google Docs 和 的一些示例>火狐铅笔可以做：http://tanguay.info/web/examples/googleDocsImageDraw/

如果您继续环顾四周，这里有很多，这里还有一些，每个都有其优点和缺点：

http://www.xmind.net/downloads http://live.gnome.org/Dia http://yuml.me

【参考方案3】：

你看过GoDiagram吗？我没有尝试过，但它是我见过的唯一满足这种需求的组件。

【参考方案4】：

我建议使用闪光灯。我见过在 Flash 中很容易实现这种东西的网站。您也可以使用 html 和 JavaScript 来实现相同的目的，但这需要痛苦的编程。在我看来，Silverligt 还没有成熟。但我相信我们很快就会看到一些改进。或许您也可以考虑使用 Java 小程序。

查看网站www.geni.com。他们有一个用 Flash 完成的家谱构建界面。

【讨论】：

我认为在所有情况下都需要“痛苦的编程”...... :-) 痛苦的程度取决于您对语言/系统的熟悉程度和路由算法的知识。

真的！并且 JavaScript 因痛苦而臭名昭著:)

【参考方案5】：

Gliffy 有一个受广告支持的免费选项。以及拥有不错的 API。 我喜欢这项服务的外观，但还没有使用它们。 （正在筹备中……）

【参考方案6】：

我认为您最好的选择可能是使用Google Docs

Sketchy（Google 文档中的绘图功能）非常强大，我想它会做你想做的。