javascript - div 的中心 - 中心点

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

您使用的 transform-origin 不正确。

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

这应该将旋转原点放在区域的中间