Question

如何将div的中心作为旋转的中心点。

在我做研究的时候，我遇到了this，但我似乎无法适应我的。

这是帖子的建议。但是没有用。 $(area).css('-webkit-transform-origin', 'rotate(' + dgR + 'deg)');

function rot(e, area) {
          var offset = area.offset();
          var ceX = (offset.left) + ($(area).width() /2);
          var ceY = (offset.top) + ($(area).height() /2);
          var muX = e.pageX;
          var muY = e.pageY;
          var rdi = Math.atan2(muX-ceX, muY-ceY);
          var dgR = (rdi * (180/Math.PI)*-5);
          $(area).css('transform', 'rotate(' + dgR + 'deg)');
          $(area).css('-webkit-transform', 'rotate(' + dgR + 'deg)');
          $(area).css('-o-transform', 'rotate(' + dgR + 'deg)');
          $(area).css('-ms-transform', 'rotate(' + dgR+'deg)');
}

Answer 1

您使用的是变换原因不正确。

$(area).css('-webkit-transform-origin', '50% 50%');

这应该将旋转原点放在area

的中间

Answer 2

当我找到你的时候，你只想在它的中心点旋转div，不是吗？在这里，您必须在div中使用transform-origin: 50% 50%;定义中心点。

这是一个小玩意儿（没有jscript）：http://jsfiddle.net/nub0umft/

中心点 - 中心点

2 个答案: