0

这正是我想要做的。

我有一张里面有方形元素的图像。当我单击这些元素的左上角和右下角时,它们被带有边框的 div 包围。然后,我具有拖动和调整这些 div 大小的功能(一旦通过两次单击创建它们)。我希望能够在文本框中记录这些 div 调整大小的坐标。例如,如果图像的高度=700,宽度=500。然后,如果我在其中创建一个方形 div,坐标为左上角(x=190,y=150)和右下角(x=290,y=250)。然后,如果我在图像周围拖动这个 div,我希望这些坐标相应地改变。如果我调整它的大小,也会发生同样的事情。

在这里,我在网站中添加了代码。笑声.free.bg/imagemapping/Img1.html 您需要做的是单击其中一个零食包的左上角和右下角。然后你会在右边看到一个带有这个绿色边框 div 坐标的框。我希望在拖动或调整此 div 大小时更改这些坐标。您可以在页面的源代码中看到代码。

提前非常感谢。

4

1 回答 1

0

可以通过 jQuery 将函数绑定到 resize 事件。例如,你的 kiroid 有一类 ui-resizable。你可以使用类似的东西:

$('.ui-resizable').resize(function() {
    // refresh your coords here from $('kiroid').css maby?
})
于 2013-04-02T13:26:41.220 回答