Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
调整SVG元素组的大小并拖动_Svg - Fatal编程技术网

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

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

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

您可以查看一些现有的开源实现。svg编辑是您已经提到的一个


为了展示我开发的工具,我编写了一个实现此功能的。这可能是一个比svg编辑更简单、限制性更强的示例,因为它只允许您绘制矩形和圆,并旋转/平移/缩放它们

您可以看看一些现有的开源实现。svg编辑是您已经提到的一个


为了展示我开发的工具,我编写了一个实现此功能的。这可能是一个比svg编辑更简单、限制性更强的示例,因为它只允许您绘制矩形和圆,并旋转/平移/缩放它们

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

我已经编辑了jquery以使rect可拖动,最近将它们放在g中,并失去了此功能。g不包含位置数据。
可能会冒泡到子元素。

THanx,很好的例子,但我不想使用jquery。我目前正在使用SVG。是否有其他方法来实现这些功能?我不知道如何修复SVG rect的一个角,rect的另一个角是可伸缩的,正如我之前所说的,就像SVG编辑一样,当SVG的画布可拖动时,我对Jquery语法一无所知。我想实现一个实现该功能的函数jquery svg库在本例中仅用于svg元素的创建,作为详细DOM语法的一个方便的替代方案:它应该不太难理解。主要逻辑是使用SCXML实现的,SCXML js库将其编译为浏览器中的JavaScript:如果您了解本演示中使用的状态机定义的行为,那么滚动您自己的example.thanxs Echo应该不会太困难。只是快速浏览了一下W3文档,对于一个完全不懂XML的人来说,这似乎是非常令人畏惧的。它似乎主要集中在语音识别上,是否有任何我应该关注并期望解决上述问题的特定部分?如果不需要的话,我不想在这上面花上几天时间…THanx,很好的例子,但我不想使用jquery。我目前正在使用SVG。有没有其他方法来实现这些功能?我不知道如何修复SVG rect的一个角点,rect的另一个角点是可拉伸的,就像我之前说的一样,SVG编辑,当SVG的画布是可拖动的,我对Jquery语法一无所知。我想实现一个实现该功能的函数jquery svg库在本例中仅用于svg元素的创建,作为详细DOM语法的一个方便的替代方案:它应该不太难理解。主要逻辑是使用SCXML实现的,SCXML js库将其编译为浏览器中的JavaScript:如果您了解本演示中使用的状态机定义的行为,那么滚动您自己的example.thanxs Echo应该不会太困难。只是快速浏览了一下W3文档,对于一个完全不懂XML的人来说,这似乎是非常令人畏惧的。它似乎主要集中在语音识别上,是否有任何我应该关注并期望解决上述问题的特定部分?我不想在这上面花上几天,如果我不必。。。