如何在canvas对象上使用jquery ui draggable方法？

我试图让用户能够使用draggable方法在canvas元素周围移动一个矩形。

这是我最初的想法，但它不起作用。

我在http://jsfiddle.net/r2Zbe/设置了一个小提琴

$("button").click(function () { var door = bgContext.strokeRect(20, 20, 50, 150); door.draggable(); }); 

Answer 1

不确定在canvas上使用jQuery UI，但是如果你正在使用canvas，你可能想看看EaselJS。 它使包括拖放在内的一切变得非常简单。

EaselJS

Answer 2

jCanvas库说他们可以让你用jQuery拖动canvas。 http://calebevans.me/projects/jcanvas/

他们对jQuery UI一无所知。

免责声明：我从未尝试过。

Answer 3

我会使用像fabricJs这样的东西，它更干净，更容易使用。