我最近知道impress.js已被创建为Prezi的HTML5版本.这有助于我们摆脱专有的Flash技术,而是使用一种开放的Web标准,该标准将成为所有平台的通用标准.
但是,在HTML文本编辑器上键入代码(比如编写幻灯片的翻译,旋转和缩放值)很烦人.特别是当代码扩展到难以忍受的长度时,变得难以可视化.
所以这是我刚创建的一个例子.在阅读下面的HTML代码时,很难确切知道幻灯片的位置以及它们的显示方式.
<div id="impress">
<div class="step" data-x="0" data-y="0">
Slide 1 at origin.
</div>
<div class="step" data-x="100" data-y="100" data-scale="0.5">
Slide 2 has been moved south-eastern side and shrunk by half compared to slide 1.
</div>
<div class="step" data-x="-500" data-y="-405" data-rotate-x="50" data-rotate-y="-34" data-rotate-z="50" data-scale="2.5">
Slide 3 has been rotated in 3D and is 2.5x larger than slide 1.
</div>
</div>
<script type="text/javascript" src="impress.js"></script>
Run Code Online (Sandbox Code Playgroud)
那么我可以使用WYSIWYG HTML5 Prezi编辑器吗?我想要一个,因为它可以更容易地创建基于HTML5,CSS3和JavaScript的演示文稿.
有谁知道是否有一种开源的Prezi工具可以使用HTML5/javascript?我正在寻找一种方法来设置流程图,然后让浏览器窗口专注于它的不同部分.旋转和冷却效果没有必要,但欢迎.
RaVis看起来很酷,但它基于闪存:http://code.google.com/p/birdeye/wiki/RaVis(此处示例)
另一篇文章提到了Raphael Graffle,这很酷,但并不完全是我想要的.
Diagramo(网站 和示例)很酷,但我想在我的网页上创建一个独立版本,可能还有一些互动.
Eignfactor也很酷,但基于闪存.
找到了一个很好的可视化jQuery库:http://thejit.org/demos/
还有两个:
很想看看你们有什么建议和/或你见过的类似的很酷的例子.
我想在其用户体验中编写类似于Prezi.com的Web界面.那个目的最好的技术是什么?
项目要求:
我的天生候选人是Flash和HTML5.
Prezi.com是演示文稿的替代平台,使用单画布缩放/平移/旋转控件而不是经典的逐个幻灯片界面.这里有一个例子.
编辑
我网站的可视部分需要在画布上显示多个小部件(图像,视频,文本),并允许用户通过缩放和平移进行导航.每个小部件都有自己的原生缩放.小部件的数量将是巨大的,然而,同时只能看到少量的小部件.
prezi ×5
html5 ×3
flash ×2
air ×1
android ×1
canvas ×1
ios ×1
javascript ×1
mapping ×1
offline ×1
powerpoint ×1
presentation ×1
relational ×1
wysiwyg ×1