谈谈对impress.js的初步认识

1.对impress.js的理解

Impress.js是一个表示层框架(演示工具)，开发者可以通过使用CSS3和JavaScript语言来使用。

现在普通开发人员可以使用impress.js开发自己的演示工具，效果类似，但是性能比基于FLASH的Prezi要好。其功能包括画布的无限旋转和缩放、任意角度放置任意大小的文本、CSS3 3D效果支持等。同时，它还支持传统PowerPoint形式的幻灯片演示。

目前impress.js是基于webkit浏览器(Chrome、Safari)开发的，而其他基于非webkit引擎但支持CSS3 3D的浏览器也可以正常运行。

2.使用impress.js

介绍impress.js:

复制的代码如下： script src=' http 3360 js/impress . js '/script

现在，您可以看到创建新幻灯片是多么容易。每张幻灯片都是一个div元素(在包装器内部)，其类名为“step”。

复制的代码如下： div class=' step '我的第一张幻灯片/div

虽然这是一张简单的幻灯片，但当您开始向幻灯片中添加数据属性时，它非常有趣。数据属性表示幻灯片不是活动幻灯片时的属性。您可以使用以下数据属性：

Data-x=幻灯片的x坐标

Data-y=幻灯片的y坐标

数据缩放=通过指定值进行缩放。数据比例为5时，幻灯片会根据其原始大小放大5倍

数据-旋转=将幻灯片旋转若干度

Data-rotate-x=对于3D，度数是它相对于x轴应该旋转多少度。(向前/向后倾斜)

Data-rotate-y=对于3D，度数就是它相对于y轴应该旋转多少度。(左摆/右摆)

Data-rotate-z=对于3D，度数是它相对于z轴应该旋转多少度。

实例目录：

以上内容是我对impress.js的初步理解，可能比较肤浅。之后，边肖将深入研究。请继续关注本网站。