高性能動畫！HTML5 Canvas JavaScript框架KineticJS

KineticJS是一款開源的HTML5 Canvas JavaScript框架，能為桌面和移動應(yīng)用提供高性能動畫，并具有轉(zhuǎn)場效果、節(jié)點嵌套、分層、濾鏡、緩存以及事件處理等更多功能。即使你的應(yīng)用包含了成千上萬的圖形，也可以為你所繪制的東西添加事件監(jiān)聽器，或是對它們進(jìn)行移動、縮放操作，為了支持高性能動畫，還可以獨立于其他圖形對它們進(jìn)行旋轉(zhuǎn)。

KineticJS的最新版已經(jīng)更新至5.1.0，相較之前的版本，新版在增加新特性的同時，對一些Bug也進(jìn)行了修復(fù)，以及對已有的功能進(jìn)行了加強(qiáng)。

新特性：

• 專為超快速渲染準(zhǔn)備的新FastLayer。如果你不需要節(jié)點嵌套、鼠標(biāo)和觸摸交互，或事件發(fā)布/訂閱，你可以使用FastLayer來代替Layer去創(chuàng)建層，速度相較原來的可以提高將近兩倍。
• 現(xiàn)在，將一個Kinetic事件對象傳送至事件處理程序，包含目標(biāo)、類型和指向原生事件對象的evt鍵。

• 支持配置通過Kinetic.angleDeg標(biāo)識使用弧度或角度。

Bug修復(fù)：

• 當(dāng)用戶瀏覽器縮放不等于100%時，現(xiàn)在的舞臺也可以準(zhǔn)確的呈現(xiàn)效果（ 全屏的畫布元素，KineticJS稱其為舞臺）。
• 在Android上的拖放效果變得更好。
• 舞臺銷毀時，可修復(fù)內(nèi)存泄露。
• 自設(shè)置shadowEnabled屬性后，hasShadow可以更準(zhǔn)確的工作。
• 克隆方法不會再克隆id屬性。
• 可以克隆舞臺，新容器也將自動創(chuàng)建，但不會添加到頁面中。

功能增強(qiáng)：

• 動畫變得更為順暢，Animation類中可進(jìn)行多次優(yōu)化。
• 提高移動拖放性能。
• 可以改變sprite在動畫中的幀速率。
• HammerJS支持KineticJS節(jié)點。
  
• 支持Experimental NodeJS。

傳送門：KineticJS官網(wǎng)、mobilehub主頁

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈