javascript - 通过拖动拉伸(stretch)和收缩 div

Question

在不使用 jQuery 的情况下使用 javascript，我想让用户能够绘制一个矩形来标记照片。通过在照片上拖动鼠标来选择矩形。当用户拖出区域时，矩形会拉伸(stretch)和收缩。用户可以向任何方向拖动，包括向上和向左，很像大多数计算机桌面上的可拖动矩形。我应该设置什么 div 对象的样式属性？

---

编辑:我只是在寻找要设置为拖动 div 边缘的正确属性。

Answer 1

我想通了。我需要使用offsetLeft、offsetRight、offsetTop、offsetBottom、offsetWidth 和 offsetHeight 获得测量值，以及style.left, style.right, style.top, style.bottom, style.width 和 style.height设置它们。