jquery拖动图像并计算拖动空间答案

【问题标题】：jquery drag image and calculate the dragging spacejquery拖动图像并计算拖动空间
【发布时间】：2014-06-26 09:32:45
【问题描述】：

伙计们，现在我制作了一个小型图像上传器来上传图像并在使用 JQuery 将其上传到服务器之前查看图像，它与我配合得很好就像这个例子http://jqueryui.com/draggable/

但我希望用户拖动图像以选择他要裁剪的部分这意味着我想计算从左侧和顶部拖动的空间那么在 JQuery 中计算这个空间的最佳方法是什么？？

注意：我正在使用这种方法

$("#upload-preview img").draggable();

【问题讨论】：

所以你有一个任务，你不想给自己带来压力，想出一个解决方案？显然，到目前为止，您自己做这件事的努力为零。至少到目前为止在这里可见
嗨安德烈亚斯，这不是作业，我真的从头开始输入我的代码，并且越来越多地尝试搜索以在 Jquery 中找到任何方法来让我计算拖动的空间但没有找到任何东西.....无论如何感谢您的帮助
我不明白你对那个拖拖拉拉的空间有什么期望。你有一个旧职位和一个新职位。你做减法。仅此而已？
Andreas ，我不知道通过 Jquery 获取旧位置值和新位置值.....但知道我找到了最好的方法......谢谢

标签： jquery jquery-ui-draggable

【解决方案1】：

我们可以使用offset.left和offset.top来获取位置值如

$('#dragThis').draggable(
    {
        drag: function(){
            var offset = $(this).offset();
            var xPos = offset.left;
            var yPos = offset.top;
            $('#posX').text('x: ' + xPos);
            $('#posY').text('y: ' + yPos);
        }
    });

【讨论】：