jQuery插件，用于绘制具有简单形状的场景，支持拖放

Question

我正在寻找一些可以帮助我实现以下目标的jQuery插件：

1. 使用一些固定大小的画布呈现用户，该画布将用于安排＆＃34;场景＆＃34;
2. 允许将基本形状，自定义对象放到场景中
3. 支持场景中元素的拖放
4. 支持＆＃34;剪切到网格＆＃34;

有什么想法吗？

Answer 1

你应该尝试jqueryui，它提供了很多ui元素，具有很棒的功能，如拖放等，并且免费提供浏览器兼容性。

要获得类似网格捕捉的功能，请使用以下设置：

$(function() {
    $( "#draggable" ).draggable({
        containment: "parent",
        grid: [10, 20],
        drag: function() {
            // custom code
        }
    });

}）;

还有更好的设置，例如对其他元素的捕捉等。请参阅完整文档here

Answer 2

jquery UI不是我正在寻找的库，因为它只提供对Drag'n'Drop的支持，仅从我的列表中提供。我找到的一个特别有趣的库是http://raphaeljs.com/。您可以轻松地构建一个用户可以绘制自定义形状的画布，它有许多内置工具可以减少样板代码并且它还支持D'n “D.我认为Snap to Grid将会手动执行，但我发现这个库非常好用而且功能强大。

我会等待其他回复，也许有人知道更好的事情。

修改 看起来raphaeljs不能处理开箱即用的拖放图像（需要一些自定义代码）。我再次使用jQuery UI，并认为它更好。