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

Question

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

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

注意：我正在使用此方法

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

Answer 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);
        }
    });