高性能动画!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。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值