高性能動畫！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主頁

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈