Building an Image Editor with HTML 5 and Canvas

Question

I wanted to build a product customizer similar to http://www.getuncommon.com . But instead of Flash, I will utilize HTML5 canvas and Javascript.

Is there a library which I can use to create and achieve similar editor/product customizer as Uncommon?

I did look at jQuery UI but it is seem more focused on interface than creating my own editor.

Answer 1

Take a look at Fabric.js canvas library .

We're using it in production for design editor on printio.ru

Answer 2

I did something similar to this a while ago.

I used JQuery and Raphael JS . Raphael uses VML in Internet Explorer and SVG and Canvas in other browsers making it a very good cross-browser compatible option.

A good demo of a project using Raphael can be found here .

I used a lot of code from this demo to develop my own tool.

Hope that helps.

Answer 3

I used kineticjs to create an E-Card editor . It was a great experience using the library.