如何在画布对象上使用 jquery ui 可拖动方法？答案

【问题标题】：How to use the jquery ui draggable method on an canvas object?如何在画布对象上使用 jquery ui 可拖动方法？
【发布时间】：2013-04-02 15:18:42
【问题描述】：

我试图让用户能够使用可拖动方法在画布元素周围移动矩形。

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

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

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

【问题讨论】：

【解决方案1】：

不确定是否将 jQuery UI 与画布一起使用，但如果您正在使用画布，您可能想看看 EaselJS。它让一切，包括拖放，都变得非常简单。

【讨论】：

【解决方案2】：

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

但他们对 jQuery UI 只字未提。

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

【讨论】：

【解决方案3】：

我会使用类似fabricJs的东西，它更干净且易于使用。

【讨论】：