javascript - 旋转后获取元素的默认左侧和顶部位置

Question

我在我的元素中使用 jQuery 可拖动事件，如果元素没有旋转，拖动时我会得到元素的正确左侧和顶部位置，

jQuery(element).position().top
jQuery(element).position().left

使用下面的代码，

  jQuery(element).draggable({
                drag: function(){
                    positionUpdate();
                },
                stop: function(){
                    positionUpdate();
                }
            });

function positionUpdate(){
    var left = jQuery(element).position().left;
    var top = jQuery(element).position().top;
    console.log('left - '+ left);
    console.log('top - '+ top);
}

所以类似的东西被打印出来，

left - 20
top - 50

但是如果旋转元素并保持相同的位置，则会打印出如下所示的内容，

left - 25.3456
top  - 40.54545

请帮我解决这个问题，我希望在拖动旋转元素时打印没有旋转度数的原始值 (20,50)，

感谢和问候，

你好

Answer 1

尝试 http://jqueryrotate.com/

代码示例

$("#img").rotate({bind:{
  click: function(){
    $(this).rotate({
      angle: 0,
      center: ["50%", "100%"],
      animateTo:180
      })
    }
  }
});

这样你就可以固定你的中心，并且在你拖动调用后它不会改变。