从左侧查找旋转的 div 顶部位置

Question

我想从元素中找到旋转 div 的顶部位置，我可以找到元素的顶部位置，但我想要从左侧（x）位置开始的顶部（Y 位置）位置。

我用这个

 var degree = degree;
        if (degree < 0) {
            var sign = -1;
        } else {
            var sign = 1;
        }
        var numY = Math.abs(myElem.position().top + sign * ((myElem.outerHeight() / 2) - Math.sin(degree)));
        var numX = 0
        var bottom = myElem.position().top + myElem.outerHeight(true);
        y = numY;

提前致谢

Slope:20 deg, height: 20px,width:400px, left 150px i want find top position

我想在旋转后重新排列拖动的项目，因为我找到了最高位置。 请找到 jsbin 链接将重量放入木板。

Answer 1

我认为将可拖动图像添加到旋转的 div 中并让所有内容一起旋转更有意义，而不是担心可拖动图像的位置。这是一个更新了您的代码的 jsfiddle（我只实现了在右侧放置）：http://jsfiddle.net/brendaz/17wwtffz/

drop: 
  // ...
  var offset = ui.draggable.offset();
  var rotateOffset = $('.rotatableAra').offset();
  // Take the weight out of it's parent div and add it to the rotatable area
  ui.draggable.remove();
  ui.draggable.addClass("dropped");
  ui.draggable.addClass("rightPlankDropped");
  $('.rotatableAra').append(ui.draggable);
  ui.draggable.css("top",  ($('.rightPlank').position().top- ui.draggable.height()).toString() + "px");
  ui.draggable.css("left", (offset.left - rotateOffset.left).toString() + "px");
  rightArray[ind] = $textval * pos;
  // ...