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

时间:2015-03-07 12:49:04

标签: javascript jquery html rotation position

我想从元素中找到旋转div的顶部位置,我能找到元素的顶部位置但我想从左(x)位置开始顶部(Y pos)位置。

我用这个

 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

enter image description here

我想在旋转后重新安排拖动物品,因为我找到了最高位置。 请找到jsbin链接下降权重到木板。

1 个答案:

答案 0 :(得分: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;
  // ...