高性能动画！HTML5 Canvas JavaScript框架KineticJS

高性能动画！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主页

 

http://www.html5canvastutorials.com/