基于CSS3的表現層框架impress.js,讓開發者輕松創建殺手級在線演示應用

碼頭工人 12年前發布 | 10K 次閱讀 CSS3

隨著IE6等舊版瀏覽器逐步被淘汰,目前的瀏覽器中支持HTML5與CSS3的將越來越多。而使用這些新的技術也誕生了很多優秀的作品。比如,最近推出的基于HTML5開發的維基百科離線查閱應用,用CSS3渲染的iPhone 4等;再比如現在這個基于CSS3和JavaScript開發的能夠制作出絢麗幻燈片效果的表現層框架—— 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,同時還提供了 效果演示。希望國內的開發者也能合理利用該框架,給大家帶來更加精彩的演示文檔工具。

來自: 36氪

 本文由用戶 碼頭工人 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!