1

我想制作一个类似于Prezi演示文稿的登录页面，具有自动缩放倾斜和平移功能。你能给我指点类似的东西，这样我就可以工作了吗？

4

6 回答 6

2

如果你真的想用缩放来摇摆不定，你应该偷看：http: //jaukia.github.io/zoomooz/ 这比 impress.js 更有趣，因为 reppin'Prezi

于 2015-02-11T16:43:41.387 回答
1

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

于 2013-05-12T16:08:14.323 回答
1

看看layerJS ，一个可以创建类似 Prezi 的HMTL5 Web 界面的开源库。您可以定义允许触摸和鼠标手势在帧之间转换的帧邻接关系。如果您需要一些元素彼此独立移动，它甚至允许多个图层。

这非常简单：只需添加一个舞台div 并放入一个或多个图层，并在您可以进行缩放、平移和旋转转换之间添加任意数量的帧。

通过使用与“画布”不同的图层布局类型，不仅有类似 Prezi 的过渡。看看文档。

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>
于 2016-07-16T10:16:25.680 回答
0

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

于 2012-10-08T07:31:08.803 回答
0

有一个名为 impress.js ( http://bartaz.github.io/impress.js/#/bored ) 的工具非常酷，可以实现您想要的。

检查页面，您会看到它本身就是一个演示（不要忘记查看源代码，文档在那里）。

希望这对你有帮助，有什么请告诉我。

于 2014-09-03T12:12:46.923 回答
0

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

于 2014-04-07T07:47:37.523 回答