html - HTML 5 / Javascript 流程图工具 / prezi 风格？

Question

有谁知道是否有一种适用于 HTML5 / javascript 的开源 Prezi 工具？我正在寻找一种方法来设置流程图，然后让浏览器窗口专注于它的不同部分。旋转和酷炫的效果不是必需的，但很受欢迎。

RaVis 看起来很酷，但它是基于 Flash 的：http ://code.google.com/p/birdeye/wiki/RaVis （此处为示例）

另一篇文章提到了 Raphael Graaffle，这很酷，但不是我想要的。

Diagramo（站点和示例）很酷，但我想在我的网页上创建一个独立版本，可能需要一些交互。

Eignfactor也很酷，但它是基于 Flash 的。

也找到了一个很好的可视化 jQuery 库：http: //thejit.org/demos/

还有两个：

很想看看你们有什么建议和/或你见过的类似的很酷的例子。

score 18 · Accepted Answer

impress.js是“一个基于现代浏览器中强大的 CSS3 转换和过渡的演示框架，并受到 prezi.com 背后的想法的启发”。

通过使用 HTML 5“data-*”属性，可以轻松地描述定位、平移、旋转或缩放操作，作为从一张幻灯片跳转到另一张幻灯片时的过渡。甚至可以使用一些 3D 效果...

提供了一个“令人印象深刻的”在线演示。

score 3 · Accepted Answer

3

于 2011-12-20T07:22:10.390 回答

score 2 · Accepted Answer

我知道这是一个老话题，但我最近创建了 Presenteer.js ( http://willemmulder.github.com/Presenteer.js/ )，这似乎完全符合您的要求。您（或查看此主题的其他人）可能想看看它......

score 0 · Accepted Answer

使用 HTML5 和 SVG 并在 iOS 中无缝工作的最好的类似 Prezi 的演示工具是Awwation。

score 0 · Accepted Answer

我一直在寻找同样的东西。这篇博客文章描述了一个名为 Sozi 的开源工具，它是 Inkscapes 的一个插件。该帖子链接到使用它创建的演示文稿，该演示文稿可在所有浏览器上播放，包括 iPad，除了 IE。甚至 IE 10。

5 回答 5