Позиция Div внутри img

Question

Вот что именно я пытаюсь сделать.

У меня есть изображение с квадратными элементами внутри него. Когда я нажимаю верхние левые и нижние правые углы этих элементов, они окружены divs с границей. Затем у меня есть функции для перетаскивания и изменения размера этих 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();