天天看點

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

Processing.js

Processing.js是一個開放的程式設計語言,在不使用Flash或Java小程式的前提下,可以實作程式圖像、動畫和互動的應用。Processing.js是輕量,易于了解掌握的理想工具,可用于可視化的資料,建立使用者界面和開發基于Web的遊戲。

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

FABRIC.JS

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

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

oCanvas

oCanvas是一個JavaScript架構,用于簡化HTML5 Canvas标簽的使用,可以利用對象來代替像素。 oCanvas 可以幫助你很容易的在 HTML5 的 Canvas 标簽上建立對象,并且建立這些對象的動畫。

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

jCanvas

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

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

RGraph

RGraph是一個使用HTML5 Canvas标簽實作的圖表制作Library。利用該Library生成的Chart具有可互動性,當滑鼠點選或移過時會顯示相應的資訊,可以動态加載Chart或對特殊點進行縮放。

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

Two.js

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

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

Paper.js

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

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

EaselJS

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

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

Kinetic.JS

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

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

Pixi.js

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

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

繼續閱讀