HTML5 Canvas Javascript类库- KineticJS推荐

前言

今天分享一个基于HTML5 Canvas的独立Javascript类库 - KineticJS,使用这个类库你可以轻松的进行图形和图片绘制和修改,执行动画效果,或者和图形图片进行互动。包括独立的移动、拉伸变形、旋转各个图形图片,添加各种事件监听。它的好处就是可以直接使用现有的Canvas API,同时提供了各种各样的相关js库,本身的性能非常好,提供性能测试。个人还是比较看好KineticJS!

官方网站:http://www.kineticjs.com/    文档及DEMO:http://www.html5canvastutorials.com/

KineticJS原理
KineticJS应用需要HTML页中一个DOM元素作为容器包含一个生成Layer层得舞台。每一层都绑定自己的画布元素,可以包含组合或形状。形状是用户定义的绘图功能,开发人员可以添加事件监听器,如左右移动,旋转,拉伸变形等。组合可以包含形状和其他组合。由于引入了Layer的概念,可以使得用户在无限个层上进行绘图操作,彼此不受影响,从而获得较好的性能体验。

 

最新版本Current Version: v3.9.3 主要特点:

  • 除了IE,支持所有现代浏览器
  • 不依赖任何其他js类库
  • API文档完整
  • 绘图快,性能非常好
  • 社区做的不错,有很多Demo和上传案例供研究

示例截图:

Source:HTML5 Canvas Javascript类库 - KineticJS推荐
作者:夜飞羽  时间:2012-04-20 来源:http://www.mxria.com

你可能感兴趣的:(canvas,html5,KineticJS)