Skip to content
ericdrowell edited this page Apr 1, 2012 · 88 revisions

Greetings fellow webonauts! KineticJS is an HTML5 Canvas JavaScript library that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

You can draw your own shapes or images using the existing canvas API, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.

Features:

  • Object Oriented API
  • Node nesting and event bubbling
  • Support for high performance path detection or pixel detection
  • Layering support
  • Animation support
  • Transition support
  • Drag and drop with configurable constraints and bounds
  • Ready to use shapes including rectangles, circles, images, text, polygons, and many more
  • Custom shapes
  • Node transformation matrix mirroring so that all nodes have access to their relative and absolute transformation matrices

Tutorials

http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/

Documentation

http://www.kineticjs.com/docs/symbols/Kinetic.Stage.php

Examples and Community Demos

http://kineticjs.com/

Forum

http://www.kineticjs.com/forum/

Clone this wiki locally