HTML5 Canvas + select / drag-and-drop features in JS lib?

Question

I would like to use an HTML5 canvas, but I would like to use it in terms of shapes, texts and curves, capable of attaching traditional DOM events, such as onClick or drag-and-drop functions. Is there a Javascript library that can do this for me? I saw that gwt-canvas is close to this approach, but have not looked at it in detail.

Thanks, Istvan

Answer 1

I don't know much about the js field, but I tend to recommend http://processingjs.org/ However, note that this is pretty much a java library implemented in javascript.

, , (onClick ..) (, , ..) .

BTW, gwt-canvas Google Web Toolkit, , javascript (AFAIK, -, , , ).

Answer 2

crossbrowser raphaël (js/svg/vml), , drag & drop/touch-events ( )

Answer 3

. http://html5.litten.com/how-to-drag-and-drop-on-an-html5-canvas/

Answer 4

http://www.html5canvastutorials.com/advanced/html5-canvas-drag-and-drop-tutorial/ this is a really good tutorial on kinetic.js and html5 canvas