Which canvas framework should I choose and why? [closed]

Question

I'm about to create something similar to this: http://platogo.com/avatars, which I'll do with JavaScript and HTML5 with canvas.

Instead of buttons to change the appearance I want the user to be able to change the the character with the mouse (point, click, and drag).

I've been checking out different kinds of canvas frameworks that will make it easier to implement what I want to do. The ones I've found most interesting so far is fabric.js and paper.js.

I would like suggestions of which framework would be most suitable for this task and readily an explanation why.

Answer 1

I’ll make this quick because your “what’s best” question will probably be closed or moved to the “programmers” site.

If you’re just doing a “1-time, just get it knocked out and move-on” project, go to William Malone’s excellent canvas tutorial that does exactly what you need.

[Additional tutorial]

I just realized this tutorial was on a separate page from the tutorial. Be sure to look at this too--it's right on point: Simple HTML5 Drawing App with Crayon, Marker, Paint Bucket and Eraser

If you are using this project to learn canvas, then please use this opportunity to write this using canvas API rather than a canvas library.

You have chosen an ideal project to learn and experiment with canvas. Take William Malone's examples and use this excellent reference+examples of the canvas API found at: http://www.html5canvastutorials.com/tutorials/html5-canvas-tutorials-introduction/

Good coding….!

Answer 2

KineticJS is a pretty popular framework. The best thing about it is probably the community support.

It might be worth learning if you plan to continue with HTML5 canvas.