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

Canvas有哪些js庫(kù)值得推薦？

Processing.js

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

FABRIC.JS

FABRIC.JS是一款簡(jiǎn)單而強(qiáng)大的JavaScript Canvas 庫(kù)，提供了互動(dòng)的對(duì)象模型，同時(shí)還包含 Canvas-to-SVG 解析器。

oCanvas

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

jCanvas

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

RGraph

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

Two.js

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

Paper.js

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

EaselJS

EaselJS 是一個(gè)封裝了 HTML5 畫(huà)布(Canvas) 元素的 JavaScript 庫(kù)。

Kinetic.JS

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

Pixi.js

Pixi.js 是一個(gè) 2D webGL 渲染器，提供無(wú)縫 Canvas 回退，支持主流瀏覽器，包括桌面和移動(dòng)。

人生很短暫，過(guò)著過(guò)著你就沒(méi)了，明白嗎？

JS攻城師

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

(二維碼自動(dòng)識(shí)別)

公眾號(hào)：js_gcs

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

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

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

1、D3.js是一個(gè)數(shù)據(jù)可視化的庫(kù)，看看他們的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ǔ)的庫(kù)，封裝了一些3D渲染需求中重要的工具方法與渲染循環(huán)。它的教程同樣可以在hiwebgl里面找到。4、three.js之于webgl，類(lèi)似于windows版本的虛幻引擎之于D3D。當(dāng)然，虛幻引擎的能力范圍比three.js大得多。d3.js跟上面兩者沒(méi)有關(guān)系。