高性能动画!HTML5 Canvas JavaScript框架KineticJS
2016-03-03 15:44
232 查看
高性能动画!HTML5 Canvas JavaScript框架KineticJS
KineticJS是一款开源的HTML5 Canvas JavaScript框架,能为桌面和移动应用提供高性能动画,并具有转场效果、节点嵌套、分层、滤镜、缓存以及事件处理等更多功能。即使你的应用包含了成千上万的图形,也可以为你所绘制的东西添加事件监听器,或是对它们进行移动、缩放操作,为了支持高性能动画,还可以独立于其他图形对它们进行旋转。
![](http://cms.csdnimg.cn/article/201407/03/53b513f1340bb_middle.jpg)
KineticJS的最新版已经更新至5.1.0,相较之前的版本,新版在增加新特性的同时,对一些Bug也进行了修复,以及对已有的功能进行了加强。
![](http://cms.csdnimg.cn/article/201407/04/53b6215da4443_middle.jpg)
新特性:
专为超快速渲染准备的新FastLayer。如果你不需要节点嵌套、鼠标和触摸交互,或事件发布/订阅,你可以使用FastLayer来代替Layer去创建层,速度相较原来的可以提高将近两倍。
现在,将一个Kinetic事件对象传送至事件处理程序,包含目标、类型和指向原生事件对象的evt键。
支持配置通过Kinetic.angleDeg标识使用弧度或角度。
Bug修复:
当用户浏览器缩放不等于100%时,现在的舞台也可以准确的呈现效果( 全屏的画布元素,KineticJS称其为舞台)。
在Android上的拖放效果变得更好。
舞台销毁时,可修复内存泄露。
自设置shadowEnabled属性后,hasShadow可以更准确的工作。
克隆方法不会再克隆id属性。
可以克隆舞台,新容器也将自动创建,但不会添加到页面中。
功能增强:
动画变得更为顺畅,Animation类中可进行多次优化。
提高移动拖放性能。
可以改变sprite在动画中的帧速率。
HammerJS支持KineticJS节点。
支持Experimental NodeJS。
KineticJS是一款开源的HTML5 Canvas JavaScript框架,能为桌面和移动应用提供高性能动画,并具有转场效果、节点嵌套、分层、滤镜、缓存以及事件处理等更多功能。即使你的应用包含了成千上万的图形,也可以为你所绘制的东西添加事件监听器,或是对它们进行移动、缩放操作,为了支持高性能动画,还可以独立于其他图形对它们进行旋转。
![](http://cms.csdnimg.cn/article/201407/03/53b513f1340bb_middle.jpg)
KineticJS的最新版已经更新至5.1.0,相较之前的版本,新版在增加新特性的同时,对一些Bug也进行了修复,以及对已有的功能进行了加强。
![](http://cms.csdnimg.cn/article/201407/04/53b6215da4443_middle.jpg)
新特性:
专为超快速渲染准备的新FastLayer。如果你不需要节点嵌套、鼠标和触摸交互,或事件发布/订阅,你可以使用FastLayer来代替Layer去创建层,速度相较原来的可以提高将近两倍。
现在,将一个Kinetic事件对象传送至事件处理程序,包含目标、类型和指向原生事件对象的evt键。
支持配置通过Kinetic.angleDeg标识使用弧度或角度。
Bug修复:
当用户浏览器缩放不等于100%时,现在的舞台也可以准确的呈现效果( 全屏的画布元素,KineticJS称其为舞台)。
在Android上的拖放效果变得更好。
舞台销毁时,可修复内存泄露。
自设置shadowEnabled属性后,hasShadow可以更准确的工作。
克隆方法不会再克隆id属性。
可以克隆舞台,新容器也将自动创建,但不会添加到页面中。
功能增强:
动画变得更为顺畅,Animation类中可进行多次优化。
提高移动拖放性能。
可以改变sprite在动画中的帧速率。
HammerJS支持KineticJS节点。
支持Experimental NodeJS。
相关文章推荐
- javascript 严格模式
- JavaScript学习 九、事件
- js的event事件
- JS核心系列:浅谈 原型对象和原型链
- 解析Json
- Amaze js插件 选项卡竖置
- 模式窗体中调用父页面js与非模式化调用非父页面的js方法
- javascript else if
- JavaScript高级
- json 转 T
- JSP分页实现 代码
- javascript基本知识
- 为js数组扩展方法
- 枚举类转成json
- servlet与jsp的生命周期
- [JavaScript][表单文本框&下拉列表框操作]
- js中怎么样取到本div下面的第一个span里面的值
- How to handle javascript alerts, confirmation and prompts?
- js获取节点
- 字符串和JSON对象互转的方法