10款面向HTML5 畫布(Canvas)的JavaScript庫

10款面向HTML5 畫布(Canvas)的JavaScript庫


1. Processing.js

Processing.js是一個開放的編程語言,在不使用Flash或Java小程序的前提下,可以實現程序圖像、動畫和互動的應用。Processing.js是輕量,易於瞭解掌握的理想工具,可用於可視化的數據,創建用戶界面和開發基於Web的遊戲。

這裏寫Processing描述

2. FABRIC.JS

FABRIC.JS是一款簡單而強大的JavaScript Canvas 庫,提供了互動的對象模型,同時還包含 Canvas-to-SVG 解析器。

這裏寫圖片描述

3. oCanvas

oCanvas是一個JavaScript框架,用於簡化HTML5 Canvas標籤的使用,可以利用對象來代替像素。 oCanvas 可以幫助你很容易的在 HTML5 的 Canvas 標籤上創建對象,並且創建這些對象的動畫。

這裏寫圖片描述

4. jCanvas

jCanvas 就是一個 jQuery 的繪圖插件,它封裝了一些繪製圖形的方法,只需編寫幾行代碼即可生成圖形。

這裏寫圖片描述

5. RGraph

RGraph是一個使用HTML5 Canvas標籤實現的圖表製作Library。利用該Library生成的Chart具有可交互性,當鼠標點擊或移過時會顯示相應的信息,可以動態加載Chart或對特殊點進行縮放。

這裏寫圖片描述

6. Two.js

Two.js 是面向現代 Web 瀏覽器的一個二維繪圖 API。Two.js 可以用於多個場合:SVG,Canvas 和 WebGL,旨在使平面形狀和動畫的創建更方便,更簡潔。

這裏寫圖片描述

7. Paper.js

Paper.js是一款開源的矢量圖形腳本框架,基於 HTML5 Canvas 開發,提供清晰的場景圖、DOM和大量強大的功能用來創建各種向量圖和貝塞爾曲線。

這裏寫圖片描述

8. EaselJS

EaselJS 是一個封裝了 HTML5 畫布(Canvas) 元素的 JavaScript 庫。

這裏寫圖片描述

9. Kinetic.JS

Kinetic.JS 是一個封裝了 HTML5 Canvas的JavaScript 庫,能爲桌面和移動應用提供高性能動畫,轉場效果,節點嵌套,分層,濾鏡,緩存,事件處理以及更多功能。

這裏寫圖片描述

10. pixijs

Pixi.js 是一個 2D webGL 渲染器,提供無縫 Canvas 回退,支持主流瀏覽器,包括桌面和移動。

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章