Javascript 动态调整和拖动SVG多边形

我正在努力找到一种方法，用鼠标动态调整svg多边形的大小并拖动它。不幸的是，jQueryUi不适用于svg元素。我还检查了Raphael库，但找不到任何关于如何实现这一点的文档/片段

---

除了使用SVG，还有其他方法可以动态调整和拖动多边形图形吗？

您可以自己使用SVG元素。特别是，您可以找到多边形的点并添加HTML元素句柄，这些元素句柄可以通过jQuery拖动。（我假设您遇到的问题是jQuery UI不能与SVG定位模型一起工作。）下面是我刚刚编写的完整示例（在Safari 5和Firefox 9中测试）

（免责声明：我不是jQuery的普通用户；除了不使用jQuery之外，这段代码在某些方面可能是不规范的。）

无标题
.处理{
位置：绝对位置；
边框：0.1米纯黑色；
宽度：1米；
高度：1米；
}
函数DragTablePolygon（多边形）{
var点=多边形点；
var svgRoot=$（多边形）.closest（“svg”）；
对于（变量i=0；i
DragablePolygon（document.getElementById（“x”））；
DragablePolygon（document.getElementById（“y”））；

非常感谢！我正在做的拖动-点击内的边界正是我想要的。我还试图用svg文本标记这些多边形，但在调整多边形大小时，我不知道如何更新文本位置。你能给点提示吗？当然，我加了一个提示。不幸的是，我没有保存我首先编写的代码。嘿，我面临的问题是，我需要更新多边形的坐标，因为我正在调整它的大小。当我用firebug检查一个调整了大小的多边形元素时，它仍然有旧的点，尽管它已经调整了大小。知道如何解决这个问题吗？

多边形。点

对象应该有新的坐标；我的代码有访问它的示例。巨大答案和技术支持的道具：）