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

时间:2009-09-11 02:44:31

标签: javascript jquery css

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

无论如何,当我从右下角拖动到左上角时,我的逻辑中缺少一些东西。我知道它不起作用,因为盒子的位置。通过使用左上角作为参考点进行定位。所以我有两个解决方案,我正在努力,但我无法与他们相处得很远。

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

我正在玩的另一种方法可能是将盒子位置偏移高度/宽度,这可能会产生右下角的效果。

This is a quick link to my JS

所以,对于解决这个问题的任何帮助都将不胜感激。

谢谢,
列维

1 个答案:

答案 0 :(得分:0)

我会稍微简化一下。基本上你想要从(顶部,左侧)到(底部,右侧)绘制一个框。假设:

  • (downX,downY):按下moust时的坐标;
  • (currentX,currentY):当前坐标。

然后:

  • top:min(downY,currentY);
  • left:min(downX,currentX);
  • bottom:max(downY,currentY);
  • right:max(downX,currentX)。

如果从左到右或从右到左计算你正在做什么似乎不必要的错综复杂。