尝试了一下impress.js作报告

最近要做一个PPT,尝试了一把impress.js,发现挺好玩的。这里是一些说明。 例子在这里:使用impress作presentation的例子,可以下载到本地看,就不写一个在线的了。官方demo

好处

  1. 可以有xyz三个方向的旋转效果。
  2. 可以将PPT画一张大图上,用overview来控制全图
  3. 可以直接写html控制颜色
  4. 可以直接写js来实现一些逻辑功能

缺点

  1. 图片处理有点麻烦
  2. 有一些小细节还是需要手调一下css和js,例如小屏问题
  3. 修改麻烦
  4. 别的浏览器支持得不太好

参数

data-x = 幻灯片的x坐标
data-y = 幻灯片的y坐标
data-scale = 通过指定一个值来进行缩放,data-scale为5则将会在你幻灯片原始尺寸基础放大5倍
data-rotate = 通过一个数字度数来确定旋转你的幻灯片
data-rotate-x = 为3D用,这个数字度数是它应该相对x轴旋转多少度。(前倾/后仰)
data-rotate-y = 为3D用,这个数字度数是它应该相对y轴旋转多少度。 (左摆/右摆)
data-rotate-z = 为3D用,这个数字度数是它应该相对z轴旋转多少度。

<div id="overview" class="step" data-x="-200" data-y="-500" data-scale="3"></div>用来显示全部缩略图

comments powered by Disqus