What is the current state of the art in HTML canvas JavaScript libraries and frameworks? [closed]

Answer 1

I have found two libraries to be extremely competitive and much better then fabric.

Kinetic.js and easel.js both have extremely good event handling, grouping and general shape abstraction. You'll find a lot to love in both of these; easel seems to have more image oriented and filtering.

Fabric's event handlins is MUCH worse than either of these - basically it treats the whole canvas as one big event rrapper and tells you when "Something" has been clicked on. It doesn't attach events to individual shapes or groups of shapes.

Answer 2

Aves Engine is really really great: http://www.dextrose.com/en/projects/aves-engine

Also, Akihabara seems good: http://www.kesiev.com/akihabara/

Answer 3

I just released the first iteration of a new drawing & tweening library geared towards folks with an AS3/Flash development background. While my lib doesn't yet support complex drawing paths or graphs per say I'm hoping it'll help folks quickly draw & animate basic primitives in a familiar way.

Feedback and comments are welcome. http://www.quietless.com/kitchen/introducing-js3/

Answer 4

KineticJS is an up-and-coming library that boasts creating and animating individual "layers" on the canvas for high performance.

http://www.kineticjs.com/

Answer 5

CAKE.js is no longer being maintained but is a fairly powerful framework - http://code.google.com/p/cakejs/

Demos here - http://glimr.rubyforge.org/cake/canvas.html, http://glimr.rubyforge.org/cake/missile_fleet.html

Answer 6

I've been working on fabric.js — a canvas library to help with exactly that — manipulating objects on canvas, by handling events and user interactions. It's not released yet, but take a look at a simple preview demo.

You can also see it in action in this design editor, which it was originally created for.

Edit: The project is now available on github (open-sourced under MIT License)

To get started, check out:

• Demos (simple & complex, with code to show how they're done)
• Fabric.js presentation at FalsyValues (and another one at BK.js)
• Wiki on github (including FAQ)
• Documentation
• Google Group (ask any question there)
• Fabric.js on twitter (or short questions via twitter)
• Introduction to Fabric.js: Part 1 (article on ScriptJunkie)
• Introduction to Fabric.js: Part 2 (article on ScriptJunkie)

How does Fabric compare to other Javascript canvas libraries? Here's a comparison table.