我最近知道impress.js已经创建为Prezi的HTML5版本。这有助于我们摆脱专有的Flash技术,而是使用一种开放的Web标准,它将在所有平台上普及。Prezi HTML5 Editor via impress.js
但是,在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>
那么,我可以使用一个所见即所得的HTML5 Prezi编辑器吗?我想要一个,因为它会使创建基于HTML5,CSS3和JavaScript的演示文稿变得更容易。
Prezi现在是HTML5:https://medium.com/prezi-engineering/how-and-why-prezi-turned-to-javascript-56e0ca57d135 – user824294 2015-09-12 05:14:59