img 내부 div 위치

Question

여기 정확히 무엇을하려고합니다.

이미지 안에 사각형 요소가있는 이미지가 있습니다. 해당 요소의 왼쪽 상단 및 하단 오른쪽 모서리를 클릭하면 테두리가있는 div로 둘러싸여 있습니다. 그런 다음 div를 드래그하고 크기를 조정할 수있는 기능이 있습니다 (한 번 클릭하면 두 번 클릭). 해당 div의 크기가 조정 된 좌표를 텍스트 상자에 기록 할 수 있어야합니다. 예를 들어, 이미지의 높이가 height = 700, width = 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();