Python3 Hovercraft创建impressive.js演示文档（三)

引言

经过半小时多的测试，终于搞懂怎么个缩放，怎么个旋转法了。赶紧记下来，明天可就要忘记了。

参数放置位置

各个缩放、旋转的参数都放在各个幻灯片—-之下 标题之上的中间位置。

----:data-x:1000   #这里就是参数放置的位置第二张幻灯片=========

绝对坐标和相对坐标

我们可以把hovercraft创建的演示文稿看过一个地球仪，在讨论绝对坐标和相对坐标时，我们可以把演示文稿简化成一张世界地图。世界的中心就是坐标原点（0,0）处，假设为中国。
:data-x:1000表示你向右行了1000个单位，可以到日本去。
:data-y:1000表示地图上向下行，也就是向南行，可以去老挝。
:data-z:1000表示往天空飞。
上面讲的是绝对路径。这个绝对路径就想经纬度，如果你有个GPS定位仪，那么用绝对路径可以精确定位，不管在哪都能够认识路。可是在hovercraft中你没有定位仪，所以使用绝对路径会有搞不清楚自己在哪。这时使用相对路径会比较方便。

相对路径就是在各个距离之前加个字母r，表示relative(相对的）。这时，只要你以自己为中心，无论你在日本、老挝，向左向右考虑位置即可，无需担心经纬度问题。

以上路径的距离也可以采用负数，表示与原先方向相反。

旋转

hovercraft里最炫的效果莫过于各种旋转了。这里涉及三个旋转，这里的单位已经转换为角度，请注意区别。这里的角度都可以根据自己需要进行改变。

:data-rotate-z: 90 这个等同于:data-rotate: 90 ，表示逆时针旋转90度
:data-rotate-z: -90 这个等同于:data-rotate: -90 ，表示顺时针旋转90度
:data-rotate-y: 90 表示从右往左旋转90度
:data-rotate-y: -90 表示从左往右旋转90度
:data-rotate-x: 90 表示从上往下旋转90度
:data-rotate-x: -90 表示从下往上旋转90度

说得可能比较抽象，只要在rst文档多次试验就能区分开来了。

缩小与放大

还可以将幻灯片进行缩放显示，主要用到data-scale参数。
:data-scale: 3 表示幻灯片是上一张幻灯片的三倍大
:data-scale: 0.2 表示幻灯片是上一张幻灯片的0.2倍

这里大小不要设施过大或过小，在演示的时候，会比较卡。设置在5倍之内较为安全。

svg路径

这里还支持svg路径，但由于不具备这方面知识，在这一块理解不够，有需要的朋友可以前往官方文档SVG路径说明进行查阅。

知道这么炫的功能以后，关键是怎样对以上内容进行组合。过于绚丽 ，而不注重展示效果反而适得其反。旋转过多也会让观众感到晕头转向，这也不是我们的目的。

这里的三篇文章只能起到一个介绍的作用，如果涉及更多的内容，则还是需要学前前端开发的知识。在这里再介绍一本书，讲怎么使用impressive.js的，叫做building impressive presentations with impressive.js大家自行下载学习。