【华为云技术分享】一统江湖的大前端——PPT制作库impress.js
《一统江湖的大前端》系列是笔者的学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新。今天要介绍的是大前端PPT制作库impress.js。 impress.js是什么 impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k个,如果你已经厌烦了使用PowerPoint制作连自己都觉得丑的PPT,那么 impress.js 是一个非常好的选择,简洁高效逼格高。 获取impress.js库文件及官方示例请点击 impress.js地址 关键API 下述api用于HTML标签属性,学习时直接对照官方代码仓中的example走一遍,看一遍示例代码,基本都能学会。 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用