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

Question

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

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

我在http://jsfiddle.net/r2Zbe/

设置了一个小提琴

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

Answer 1

不确定将jQuery UI与canvas一起使用，但如果您使用的是canvas，则可能需要查看EaselJS。它使包括拖放在内的一切变得非常简单。

EaselJS

Answer 2

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

他们对jQuery UI一无所知。

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

Answer 3

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