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