Question

我有＆＃34; .bomb-overlay-holder＆＃34;我把它放在图像src。＆＃34; .bomb-覆盖保持器＆＃34;是可拖动的，里面的图像可以旋转和调整大小。

我试图找到偏移 - 图像的x和y坐标 - ＆＃34;＃bomb-overlay＆＃34;。但我只能找到＃34; .bomb-overlay-holder＆＃34; 。如果图像没有旋转，它们是正确的，但是当它是，＆＃34; .bomb-overlay-holder＆＃34;没有旋转，他们不正确 - 他们已经交换。如何找到图像的组合？

＆＃13;

EmailField

＆＃13;

$(window).load(function(){
  $('.background-image-holder').click( function(){
    var src = 'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRAEd6YC8TNbRImV1kyF2z01pE1td-mXbfOjdXmKditP1u5CBiJ1cGz_Pk';
    $( ".bomb-overlay-holder" ).html('<img id="bomb-overlay" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRAEd6YC8TNbRImV1kyF2z01pE1td-mXbfOjdXmKditP1u5CBiJ1cGz_Pk">');
    $('.bomb-overlay-holder > img').attr('src',src);
    $( ".bomb-overlay-holder" ).draggable({ containment: ".background-bomb" });
    $( "#bomb-overlay" ).resizable({autoHide: false,containment: ".background-bomb"});
    $( "#bomb-overlay" ).parent().rotatable({autoHide: false,containment: ".background-bomb"});
  });


  var x = $(".bomb-overlay-holder").css("left");
  var y = $(".bomb-overlay-holder").css("top");
});

＆＃13;

如何查找可拖动容器中的图像偏移量

0 个答案: