HTML 5 / Javascript 流程图工具 / prezi 风格？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/6283964/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
HTML 5 / Javascript flowchart tools / prezi style?
提问by cwd
Does anyone know if there is sort of an open-source Prezi tool that works with HTML5 / javascript? I'm looking for a way to set up a flow-chart diagram and then have the browser window focus on different parts of it. Rotation and cool effects not necessary but welcomed.
有谁知道是否有一种适用于 HTML5 / javascript 的开源 Prezi 工具？我正在寻找一种方法来设置流程图，然后让浏览器窗口专注于它的不同部分。旋转和炫酷效果不是必需的，但很受欢迎。
RaVis looks cool, but it is flash based: http://code.google.com/p/birdeye/wiki/RaVis(example here)
RaVis 看起来很酷，但它是基于 Flash 的：http: //code.google.com/p/birdeye/wiki/RaVis（示例在这里）
Another post mentions Raphael Graffle, which is cool, but not exactly what I'm looking for.
另一篇文章提到了Raphael Graffle，这很酷，但不是我正在寻找的。
Diagramo (site& example) is cool, but I want to create a standalone version on my webpage, possibly with some interaction.
Diagramo（站点和示例）很酷，但我想在我的网页上创建一个独立版本，可能需要一些交互。
Eignfactoris also pretty cool, but is is flash based.
Eignfactor也很酷，但它是基于闪存的。
Found a good jQuery library for visualization too: http://thejit.org/demos/
也找到了一个很好的可视化 jQuery 库：http: //thejit.org/demos/
Two more:
还有两个：
Javascript or JQuery mindmap plugin
Would love to see what suggestions you guys have and / or similar cool examples you've seen.
很想看看你们有什么建议和/或你见过的类似很酷的例子。
回答by nulltoken
impress.jsis "a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com".
impress.js是“一个基于现代浏览器中 CSS3 转换和过渡的强大功能的演示框架，并受到 prezi.com 背后的想法的启发”。
Through the use of HTML 5 "data-*" attributes, one easily describes the positioning, panning, rotation or scaling operations to be applied as a transition when jumping from one slide to another. Some 3D effects are even available...
通过使用 HTML 5“data-*”属性，人们可以轻松地描述定位、平移、旋转或缩放操作作为从一张幻灯片跳转到另一张幻灯片时的过渡。一些 3D 效果甚至可用...
An "impressive" online demonstrationis available.
提供“令人印象深刻”的在线演示。
回答by Rainy
Try this: http://janne.aukia.com/zoomooz/
回答by Willem Mulder
I know this is an old topic, but I created Presenteer.js ( http://willemmulder.github.com/Presenteer.js/) recently, which seems to do exactly what you asked for. You (or others that view this topic) might want to have a look at it...
我知道这是一个老话题，但我最近创建了 Presenteer.js ( http://willemmulder.github.com/Presenteer.js/)，它似乎完全符合您的要求。您（或查看此主题的其他人）可能想看看它...
回答by niutech
The best Prezi-like presentation tool using HTML5 & SVG and seamlessly working in iOS is Awwation.
使用 HTML5 和 SVG 并在 iOS 中无缝运行的最好的类似 Prezi 的演示工具是Awwation。
Have a look at the demo presentation.
看看演示文稿。
回答by Andy
I was looking for the same thing. This blog post describes an open-source tool called Sozi, which is a plugin for Inkscapes. The post links to a presentation created with it that plays on all browsers, including iPad, EXCEPT IE. Even IE 10. Bummer.
我正在寻找同样的东西。这篇博文描述了一个名为 Sozi 的开源工具，它是 Inkscapes 的插件。该帖子链接到使用它创建的演示文稿，该演示文稿可在所有浏览器上播放，包括 iPad，IE 除外。甚至 IE 10。无赖。
http://blog.lightcastletech.com/2013/04/18/prezi-vs-inkscapes-sozi/
http://blog.lightcastletech.com/2013/04/18/prezi-vs-inkscapes-sozi/
