Question

以下是我正在尝试做的事情。

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

提前多多感谢。

Answer 1

var TopLeftX = $('.kiro'+CountClicks/2).offset().left - $('img').offset().left;
var TopLeftY = $('.kiro'+CountClicks/2).offset().top - $('img').offset().top;
var BottomRightX = TopLeftX + $('.kiro'+CountClicks/2).width();
var BottomRightY = TopLeftY + $('.kiro'+CountClicks/2).height();

在img里面的div位置

1 个答案: