resizeable 상자를 왼쪽에서 아래로 오른쪽에서 위로 이동하는 방법

Question

좋아, 그래서 일종의 내 자신의 카탈로그를 구축하고 있습니다. 이미지의 일부를 선택하여 가까운 부분을 볼 수있는 선택 도구를 만드는 중입니다. This is where I am currently working on it

어쨌든, 오른쪽 하단 모서리에서 왼쪽 상단으로 끌 때 상자의 크기를 조정하는 방법은 논리에서 빠져 있습니다. 상자가 어떻게 배치 되었기 때문에 작동하지 않는다는 것을 알고 있습니다. 위치 지정은 왼쪽 상단 모서리를 참조 점으로 사용하여 작동합니다. 그래서 저는 제가 연구하고있는 두 가지 해결책을 가졌지 만 나는 그들과 함께 할 수 없었습니다.

첫 번째 사람은 오른쪽 하단 모서리를 기준으로 상자를 배치하는 방법을 찾아 내려고했습니다.

다른 방법으로 높이/너비로 상자 위치를 상쇄하고 아마도 오른쪽 하단 위치에 영향을 미칠 수 있습니다.

This is a quick link to my JS

그래서이 문제를 통해 작업에 어떤 도움을 주시면 감사하겠습니다.

감사합니다,
레위

Answer 1

내가 어느 정도 그것을 단순화 것입니다. 기본적으로 (위쪽, 왼쪽)에서 (아래쪽, 오른쪽) 상자를 그립니다. 가정 :

• (downX, downY) : 누를 때의 좌표.
• (currentX, currentY) : 현재 좌표입니다.

다음 :

• 가기 : 분 (다우니, currentY);
• 왼쪽 : 분 (downX, currentX);
• 하단 : 최대 (downY, 현재 Y);
• 오른쪽 : 최대 (downX, currentX).

왼쪽 또는 오른쪽으로 왼쪽으로 계산하면 계산이 불필요하게 복잡한 것처럼 보입니다.