Найти поворотное верхнее положение слева

Question

Я хочу найти верхнее положение повернутого div от элемента, я могу найти верхнее положение элемента, но хочу верхнюю позицию (позиция Y) слева (x).

Я использовал это

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; 
    // ...