impress.js:制作绚丽幻灯片效果

fmms 13年前

随着IE6等旧版浏览器逐步被淘汰,目前的浏览器中支持HTML5与CSS3的将越来越多。而使用这些新的技术也诞生了很多优秀的作品。比如,最近 推出的基于HTML5开发的维基百科离线查阅应用,用CSS3渲染的iPhone 4等;再比如现在这个基于CSS3和JavaScript开发的能够制作出绚丽幻灯片效果的表现层框架——impress.js

impress.js:让开发者轻松创建杀手级在线演示应用

Impress.js是国外一位开发者受Prezi启 发,采用CSS3与JavaScript语言完成的一个可供开发者使用的用户界面框架(presentation framework)。Prezi是一个颠覆性的在线演示工具,允许用户在不使用传统PowerPoint式幻灯片的情况下,创建更精彩的“富视觉”内容 演示文档。现在普通开发者可以利用impress.js自己开发出类似效果的演示文档,但性能比基于Flash的Prezi更优。其功能包括画布的无限旋 转与缩放,任意角度放置任意大小的文字,CSS3 3D效果支持等。同时,也支持传统PowerPoint形式的幻灯演示。

Impress.js是基于webkit浏览器(Chrome、Safari)开发,在其他基于非webkit引擎,但支持CSS3 3D效果转换的浏览器(Firefox 10、IE10)中也能正常运行,支持WebGL。同时为保证画面运行流畅,需要使用到浏览器中的硬件加速功能。另外,该框架目前还不支持任何移动浏览 器。

Impress.js开发者基于MIT License将源码发布在GitHub,同时还提供了效果演示。希望国内的开发者也能合理利用该框架,给大家带来更加精彩的演示文档工具。