div位置內img

Question

這是我正在嘗試做什麼。

我有在其內部方形元素的圖像。當我點擊這些元素的左上角和右下角時，它們被包圍在具有邊框的div中。然後我有功能拖動和調整這些div（一旦它們被創建兩次點擊）。我想能夠在文本框中記錄這些div的調整大小的座標。 例如，如果圖像的高度= 700和寬度= 500。 然後，如果我在座標左上角（x = 190，y = 150）和右下角（x = 290，y = 250）內創建一個正方形div。 然後，如果我拖動這個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();