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

时间:2010-10-22 06:17:02

标签: svg

我正在开发一个SVG应用程序,现在想让用户使用可拖动的角调整对象的大小,非常类似于SVG-edit(http://svg-edit.googlecode.com/svn/trunk/editor/ SVG-editor.html)。 功能应该如下工作:用户选择一个SVG对象,将其拖动到主'画布',一旦在'画布'上,对象外部的四个角出现,用户可以拖动每个角点&安培;拖动以放大对象。对象将是矩形的并使用路径创建,而不是使用SVG'rect'函数。 有人会对如何实施这一点有任何建议吗? 在此先感谢

2 个答案:

答案 0 :(得分:2)

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

为了展示我开发的工具,我编写了一个实现此功能的demo。这可以作为一个比svg-edit更简单,更具限制性的例子,因为除了允许你绘制rects和circle,以及旋转/平移/缩放它们之外它不会做太多。

答案 1 :(得分:1)

我编辑了jquery以使rect可拖动,最近将它们放入g并丢失了这个功能。 g不包含位置数据。 可能会向儿童元素冒泡。