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

---

KineticJS是一款開源的HTML5 Canvas JavaScript框架，能為桌面和移動應用提供高效能動畫，並具有轉場效果、節點巢狀、分層、濾鏡、快取以及事件處理等更多功能。即使你的應用包含了成千上萬的圖形，也可以為你所繪製的東西新增事件監聽器，或是對它們進行移動、縮放操作，為了支援高效能動畫，還可以獨立於其他圖形對它們進行旋轉。

KineticJS的最新版已經更新至5.1.0，相較之前的版本，新版在增加新特性的同時，對一些Bug也進行了修復，以及對已有的功能進行了加強。

新特性：

• 專為超快速渲染準備的新FastLayer。如果你不需要節點巢狀、滑鼠和觸控互動，或事件釋出/訂閱，你可以使用FastLayer來代替Layer去建立層，速度相較原來的可以提高將近兩倍。
• 現在，將一個Kinetic事件物件傳送至事件處理程式，包含目標、型別和指向原生事件物件的evt鍵。
• 支援配置通過Kinetic.angleDeg標識使用弧度或角度。
  

Bug修復：

• 當使用者瀏覽器縮放不等於100%時，現在的舞臺也可以準確的呈現效果（ 全屏的畫布元素，KineticJS稱其為舞臺）。
• 在Android上的拖放效果變得更好。
• 舞臺銷燬時，可修復記憶體洩露。
• 自設定shadowEnabled屬性後，hasShadow可以更準確的工作。
• 克隆方法不會再克隆id屬性。
• 可以克隆舞臺，新容器也將自動建立，但不會新增到頁面中。

功能增強：

• 動畫變得更為順暢，Animation類中可進行多次優化。
• 提高移動拖放效能。
• 可以改變sprite在動畫中的幀速率。
• HammerJS支援KineticJS節點。
  
• 支援Experimental NodeJS。

傳送門：KineticJS官網、mobilehub主頁