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

时间:2016-07-18 07:25:48

标签: javascript jquery html css rotation

我在我的项目中使用jQuery draggable事件,而拖动我得到元素的正确左侧和顶部位置,如果元素没有使用旋转,

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),

谢谢和问候,

NEHA

1 个答案:

答案 0 :(得分:0)

尝试http://jqueryrotate.com/

代码示例

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

通过这种方式,您可以锁定中心,并且在拖动调用后不允许更改。