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