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

jQuery插件,用于绘制具有简单形状的场景,支持拖放,jquery,drag-and-drop,draw,Jquery,Drag And Drop,Draw,我正在寻找一些jQuery插件,它将帮助我实现以下目标: 向用户展示一些固定大小的画布,用于安排“场景” 允许将基本形状、自定义对象放置到场景中 支持对场景中的元素进行拖放 支持“剪到网格” 有什么想法吗?你应该试试,它提供了很多ui元素,具有强大的功能,如拖放等,并且免费提供浏览器兼容性 要获取类似栅格捕捉的要素,请使用以下设置: $(function() { $( "#draggable" ).draggable({ containment: "parent",

我正在寻找一些jQuery插件,它将帮助我实现以下目标:

  • 向用户展示一些固定大小的画布,用于安排“场景”
  • 允许将基本形状、自定义对象放置到场景中
  • 支持对场景中的元素进行拖放
  • 支持“剪到网格”
  • 有什么想法吗?

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

    要获取类似栅格捕捉的要素,请使用以下设置:

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


    还有更多不错的设置,如“捕捉到其他元素”等。请参阅完整文档

    jquery UI不是我要找的库,因为它只支持拖放,我的列表中没有其他内容。我发现的一个特别有趣的图书馆是。您可以轻松构建一个画布,用户可以在其上绘制自定义形状,它有许多内置工具,可以减少样板代码,还支持D'n 我认为Snap-to-Grid可以手动执行,但我发现这个库非常好而且功能强大

    我会等待其他答复,也许有人知道更好的消息

    编辑 raphaeljs似乎无法处理从盒子中拖放图像(需要一些自定义代码)。我再次使用jQuery UI,并认为它更好。

    试试看