如何使调整大小的框从左到右以及从右到上

Question

好的，所以我正在构建我自己的某种目录。我正在制作一个选择工具来选择图像的一部分来近距离观看。 This is where I am currently working on it

无论如何，我在我的逻辑中遗漏了一些东西，至于如何在从右下角拖到左上角时调整框的大小。我知道它不工作，因为盒子的位置。通过使用左上角作为参考点进行定位。所以我有两个解决方案我正在努力，但我不能与他们走得很远。

第一个试图找出一种方法来定位基于右下角的框。

我正在玩的另一种方法可能是通过高度/宽度抵消盒子的位置，也许这​​会产生右下角位置的效果。

This is a quick link to my JS

所以，通过这个问题工作的任何帮助，将不胜感激。

感谢，
列维

Answer 1

我会有点简化它。基本上你想从（顶部，左边）到（底部，右边）绘制一个框。假设：

• （downX，downY）：当您按下moust时的坐标;
• （currentX，currentY）：当前坐标。

然后：

• 顶部：分钟（霜霉病，currentY）;
• left：min（downX，currentX）;
• bottom：max（downY，currentY）;
• right：max（downX，currentX）。

您在计算左右或左右的计算方法似乎不必要的复杂。