13

我真的很喜欢 Yahoo Pipes 的界面（http://pipes.yahoo.com/pipes/），并且想为不同的问题创建一个类似的界面。是否有任何库可以让我创建具有相同基本外观的界面？

我特别喜欢管道的行为方式以及它们不仅仅是直线的方式。

编辑：该应用程序将是基于网络的。我愿意使用 Flash 或 Javascript。

4

5 回答 5

20

WireIt 是一个开源 javascript 库，用于创建像 Yahoo! 这样的 Web 可连线界面！用于数据流应用程序、可视化编程语言或图形建模的管道。Wireit 使用 YUI 库 (2.6.0) 进行 DOM 和事件操作，并使用 excanvas 来支持 IE 的 canvas 标签。它目前支持 Firefox 1.5+、Safari 2.0+、IE 7.0、Opera 9+ 和 Chrome 0.2.x。

于 2009-02-10T05:45:28.050 回答
5

试试JSplumb。

主要结构是 HTML/CSS，连接可以是 SVG/Canvas/VML*

很棒的文档非常干净的API和现场演示

*可配置或通过检测浏览器的功能自动设置

于 2013-01-03T01:52:41.120 回答
2

据我所知，雅虎！通过在 YUI 中构建 Pipes 并添加超酷的CANVAS标签和IE 脚本文件（直到我今天做了一点挖掘，我才知道它存在）来驱动类似 Visio 的布线，从而吃掉他们自己的狗粮。如果您在构建像 Pipes 一样强大的东西之前还没有使用过 YUI，那么您需要做大量的学习才能构建像 Pipes 这样强大的东西，但是也许有人已经在 YUI 板上发布了示例，可以让您更接近您需要的地方成为。

我的所有信息都在以下网站上找到：

  1. YUI博客
  2. 网络资源库
  3. 开发者.Mozilla.org
于 2008-09-17T19:41:27.800 回答
1

您没有提及您正在开发的平台，但如果要将其放置在交互式网站上，您可能会通过在 Flash 中进行操作来节省时间。首先查看如何制作可拖动的对象（Google 在此处为您提供帮助），然后以您喜欢的任何方式将它们与线条或曲线连接起来很容易。

于 2008-09-17T19:00:37.523 回答
1

以下是我在 YUI 的板上找到的内容：

http://tech.groups.yahoo.com/group/ydn-javascript/message/30836

目前似乎没有任何开放的“​​接线部件”库，但 YUI 似乎是一个好的开始。

于 2008-09-17T21:03:46.730 回答