How to use the jquery ui draggable method on an canvas object?

Question

I\'m trying to allow the user the ability to move a rectangle around a canvas element using the draggable method.

This was my original thought but it doesn\'t work.

Answer 1

Not sure about using jQuery UI with canvas, but if you are working with canvas you may want to take a look at EaselJS. It makes everything, including drag and drop, very simple.

EaselJS

Answer 2

jCanvas library says they can let you drag on canvas with jQuery. http://calebevans.me/projects/jcanvas/

They say nothing about jQuery UI though.

Disclaimer: I've never tried it.

Answer 3

I would use something like fabricJs, it is much cleaner and easy to use.