可視化大屏常用js特效 Canvas有哪些js庫值得推薦？

Canvas有哪些js庫值得推薦？Processing.jsProcessing.js是一個開放的編程語言，在不使用Flash或Java小程序的前提下，可以實現(xiàn)程序圖像、動畫和互動的應(yīng)用。Proces

Canvas有哪些js庫值得推薦？

Processing.js

Processing.js是一個開放的編程語言，在不使用Flash或Java小程序的前提下，可以實現(xiàn)程序圖像、動畫和互動的應(yīng)用。Processing.js是輕量，易于了解掌握的理想工具，可用于可視化的數(shù)據(jù)，創(chuàng)建用戶界面和開發(fā)基于Web的游戲。

FABRIC.JS

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

oCanvas

oCanvas是一個JavaScript框架，用于簡化HTML5 Canvas標(biāo)簽的使用，可以利用對象來代替像素。 oCanvas 可以幫助你很容易的在 HTML5 的 Canvas 標(biāo)簽上創(chuàng)建對象，并且創(chuàng)建這些對象的動畫。

jCanvas

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

RGraph

RGraph是一個使用HTML5 Canvas標(biāo)簽實現(xiàn)的圖表制作Library。利用該Library生成的Chart具有可交互性，當(dāng)鼠標(biāo)點擊或移過時會顯示相應(yīng)的信息，可以動態(tài)加載Chart或?qū)μ厥恻c進(jìn)行縮放。

Two.js

Two.js 是面向現(xiàn)代 Web 瀏覽器的一個二維繪圖 API。Two.js 可以用于多個場合：SVG，Canvas 和 WebGL，旨在使平面形狀和動畫的創(chuàng)建更方便，更簡潔。

Paper.js

Paper.js是一款開源的矢量圖形腳本框架，基于 HTML5 Canvas 開發(fā)，提供清晰的場景圖、DOM和大量強(qiáng)大的功能用來創(chuàng)建各種向量圖和貝塞爾曲線。

EaselJS

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

Kinetic.JS

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

Pixi.js

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

人生很短暫，過著過著你就沒了，明白嗎？

JS攻城師

你若有前端干貨，歡迎前來投稿，一起執(zhí)筆分享思考----前端范。

(二維碼自動識別)

公眾號：js_gcs

代碼也是一種思考藝術(shù)

WebGL和three.js的關(guān)系是什么樣的？

webgl、three.js、D3.js這三者的關(guān)系是：

1、D3.js是一個數(shù)據(jù)可視化的庫，看看他們的DEMO就可以知道，技術(shù)基礎(chǔ)是SVG。兼容性是IE9 。

2、webgl是HTML5中提出的新技術(shù)，是一種3D繪圖標(biāo)準(zhǔn)，這種繪圖技術(shù)標(biāo)準(zhǔn)允許把JavaScript和OpenGL ES 2.0結(jié)合在一起，關(guān)于它的教程可以看看hiwebgl。目前兼容性堪憂3、three.js是以webgl為基礎(chǔ)的庫，封裝了一些3D渲染需求中重要的工具方法與渲染循環(huán)。它的教程同樣可以在hiwebgl里面找到。4、three.js之于webgl，類似于windows版本的虛幻引擎之于D3D。當(dāng)然，虛幻引擎的能力范圍比three.js大得多。d3.js跟上面兩者沒有關(guān)系。