Kinetic.js

Description:

KineticJS is an HTML5 Canvas JavaScript framework that evaluates the 2d context by enabling high performance event discovery for desktop and mobile applications. The KineticJS library was designed by Eric Rowell, and is distributed freely on GitHub, or his website. Kinetic stages are designed up of user defined layers. Each layer has two canvas contexts, a buffer context and a scene context. The scene context is what you can observe, and the buffer context is a special hidden context that’s used for high performance event discovery. Each layer can have shapes and groups of shapes. The stage groups, layers, and shapes are virtual nodes, similar to DOM nodes in an HTML page. All nodes can be designed and transformed. Although KineticJS has prebuilt shapes available, such as rectangles, sprites, circles, images, text, lines, regular polygons, polygons, paths, stars, etc., you can also design custom shapes by instantiating the Shape class and creating a draw function. Once you have a stage set up with layers and shapes, you can bind run animations, event listeners, transition nodes, apply filters and much more. Features Serialization & de-serialization Selector support e.g. stage.get(‘#foo’) and layer.get(‘.bar’); Desktop and mobile events Object-oriented aPI Node nesting and event bubbling High performance event detection via color mapping hash Drag and drop with configurable constraints and bounds Filters Ready to use shapes including rectangles, circles, images, text, lines, polygons, SVG paths, and more Custom shapes Event driven architecture which enables developers to subscribe to attr change events, layer draw events, and more Layering support Node caching to improve draw performance Nodes can be converted into data URLs, image data, or image objects animation support Transition support

Send Message to listing owner