Question

我想制作一个类似于 Prezi 演示文稿的着陆页，具有自动缩放倾斜和平移功能。你能指点我类似的东西，以便我可以继续吗？

Answer 1

还有Strut，它是用于创作impress.js演示文稿的GUI。以下是演示视频：http://www.youtube.com/watch?v=zA5s8wwme44

Answer 2

如果你真的想要变焦，那么你应该偷窥：http://jaukia.github.io/zoomooz/这比impress.js更有趣，因为它可以用来制作Prezi

Answer 3

查看layerJS，这是一个开源库，可以创建 Prezi-like HMTL5 Web界面。您可以定义 neighborhip 的框架，使触摸和鼠标手势能够在帧之间进行转换。如果您需要某些元素彼此独立移动，它甚至允许多个层。

超级简单：只需添加一个阶段 div，将一个或多个图层添加到其中，然后根据需要添加任意数量的框架 缩放，平移和旋转过渡。

使用与“canvas”不同的图层布局类型，不仅仅是Prezi之类的过渡。只需查看documentation即可。

HTML代码如下所示：

<div data-wl-type="stage">
  <div data-wl-type="layer" data-wl-layout-type="canvas">
    <div data-wl-type="frame" data-wl-name="frame1" data-wl-x="100" data-wl-width="1000" data-wl-rotation="45" ...>
    </div>
    <div data-wl-type="frame" data-wl-neighbors-l="frame1" ...>
    </div>
  </div>
</div>

Answer 4

我知道及时回答有点太迟了，但您可以试试Impress.js。

Answer 5

现在有Webpgr。它是一个类似Photoshop的在线编辑器，用于精确创建缩放平移和倾斜着陆页。

Answer 6

有一个名为impress.js（http://bartaz.github.io/impress.js/#/bored）的工具非常酷，可以达到你想要的效果。

检查页面，你会看到这是一个演示本身（并且不要忘记查看源代码，文档是否存在）。

希望这可以帮到你，请告诉我任何事情。

HTML5中的“缩放”，“平移”和“倾斜”类似于Prezi演示文稿

6 个答案: