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

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 2

Take a look at Fabric.js canvas library.

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