1.序

用impress.js实现幻灯片。

2.设计思路

2.1应用案例

在线demo:https://www.runoob.com/w3cnote/impress-js-ppt.html

在线demo:https://static.jyshare.com/assets/impress-demo/index.html

impress.js 会根据 html 中 step 的顺序来渲染整个页面,对于每个页面来说只有三种重要的属性——scale,position,rotate。

scale 决定了该页的大小。对应属性 width,height

position 决定了在三维空间中的坐标。对应属性 transform

rotate 则是旋转方式。对应属性 rotate[XYZ],绕 X 轴、绕 Y 轴、绕 Z 轴

impress.js 会根据这些属性将每一页进行渲染,最后从第一页开始一步步进行播放,因此这些属性也就决定了补间动画的形式。在开始写代码之前一定要想好空间结构。