代码之家  ›  专栏  ›  技术社区  ›  Edward Tanguay

允许Web用户创建流程图/图表的最佳工具是什么?

  •  1
  • Edward Tanguay  · 技术社区  · 15 年前

    我正在创建一个 Web应用程序 在哪儿 教师 需要能够轻松创建 教育图表 ,流程图,基本上:

    • 包含文本的框和圆
    • 文本标签
    • 上传和嵌入图形的能力
    • 用箭头等容易画线。
    • 很多现成的图标和剪贴画都不错
    • 免费和开源是不错的选择

    基本上我在找一个 网站RichTextBox编辑器,但具有基本的Visio功能 这将允许用户:

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

    它可以使用javascript/jquery、flash或silverlight,只要它在 浏览器 .

    6 回复  |  直到 14 年前
        1
  •  1
  •   Edward Tanguay    15 年前

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

        2
  •  1
  •   Community CDub    8 年前

    https://bubbl.us/beta 很容易使用和创建PNG,但功能非常有限,google docs解决方案很好(谢谢@dave beer),但屏幕的大小是静态的,您不能制作大型PNG: https://superuser.com/questions/76630/is-there-a-way-to-change-the-size-of-the-drawing-area-in-google-docs-insert-dra

    也不可错过:yed: http://www.yworks.com/en/products_yed_about.html

    我做了更多的研究 选择yed作为我们将用于项目的工具 这里有一些关于耶德的例子, 谷歌文件 火狐 铅笔可以做到: http://tanguay.info/web/examples/googleDocsImageDraw/

    如果你继续四处看看,会发现很多这样的情况,这里还有一些,每个都有其优点和缺点:

        3
  •  0
  •   Lazarus    15 年前

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

        4
  •  0
  •   Faiz    15 年前

    我建议用闪光灯。我见过在Flash中很容易实现这种功能的站点。使用HTML和JavaScript也可以达到同样的效果,但这需要痛苦的编程。我认为银灯还没有成熟。但我相信我们很快就会看到一些改进。也可以考虑Java小程序。

    检查现场 www.geni.com . 他们在那里有一个用flash完成的家庭树构建界面。

        5
  •  0
  •   davewasthere    15 年前

    Gliffy 有一个广告支持的免费选项,还有一个像样的API。 我喜欢这项服务的外观,但还没用过。(正在进行中…)

        6
  •  0
  •   davewasthere    15 年前

    我认为你最好的选择是 Google Docs

    Sketchy (google docs中的绘图功能)非常强大,我认为可以满足您的需求。