调整SVG元素组的大小并可拖动

Question

我正在开发一个SVG应用程序，现在我想让用户使用可拖动的边角来调整对象的大小，这与SVG-edit (http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html)非常类似。该功能应如下所示:用户选择一个SVG对象，将其拖动到主“画布”上，一旦在“画布”上，对象外部的四个角出现，用户可以在每个角点上拖动并拖动以放大对象。对象将是矩形的，并使用路径创建，而不是使用SVG‘rect’函数创建。对于如何实现这一点，有人有什么建议吗？提前感谢

Answer 1

您可以查看一些现有的开源实现。svg-edit就是您已经提到的。

为了展示我开发的工具，我编写了一个实现此功能的demo。这可能是一个比svg-edit更简单和更严格的例子，因为它除了允许绘制矩形和圆，以及旋转/平移/缩放它们之外，并没有做太多的事情。

Answer 2

我已经编辑了jquery，使rect可拖动，最近将它们放在一个g中，但失去了这个功能。G不包含位置数据。可能会向下冒泡到子元素。