【问题标题】: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,没关系,只要它在浏览器中运行即可。

【问题讨论】:

    标签: html flash silverlight graphics


    【解决方案1】:

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

    【讨论】:

    • 闻起来像一个插头,只是为了回答你自己的问题
    • 我尝试了所有这些,最后找到了 yEd 编辑器,它是这个问题的最佳答案。我发布了我找到的所有工具的链接,并选择了 yEd 作为最终答案,以便找到这个问题的其他人知道什么是这个问题的最佳答案,因为我假设 Stackoverflow 从现在到结束都会存在,这是我存储链接供自己以后参考的地方,我认为您甚至不会因为回答自己的问题而获得积分,是吗?
    • 我自己对积分一无所知,实际上我并不关心这一点。我一直在使用 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/

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

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        【解决方案4】:

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

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

        【讨论】:

        • 我认为在所有情况下都需要“痛苦的编程”...... :-) 痛苦的程度取决于您对语言/系统的熟悉程度和路由算法的知识。
        • 真的!并且 JavaScript 因痛苦而臭名昭著:)
        【解决方案5】:

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

        【讨论】:

          【解决方案6】:

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

          Sketchy(Google 文档中的绘图功能)非常强大,我想它会做你想做的。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2010-09-09
            • 2010-10-30
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多