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

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

---

1. Processing.js

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

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 回退，支持主流瀏覽器，包括桌面和移動。