algorithm - 围绕其中心旋转一个矩形？

Question

我想点击并拖动矩形的一个角，让矩形围绕其中心旋转。

用正方形很容易做到这一点:

rot = PI * 3 / 4 + atan2( (centerY - mouseY), (centerX - mouseX) );

但是如果我想旋转一个矩形，我不确定如何处理偏移以使鼠标移动时旋转平滑。

在这个 jsfiddle 示例中，http://jsfiddle.net/R4QpV/ , 单击红色角可以让您围绕正方形的中心旋转。但是如果你点击绿色的角呢，有一个跳跃。如何使拖动绿色角平滑并像单击正方形角时一样跟随鼠标？

Answer 1

对于正方形，对角线沿着角度 PI/4(或 3*PI/4)。对于矩形，您需要根据对角线的角度设置旋转。我不确定你的坐标系到底是什么，但你应该用 atan2(centerY - cornerY, centerX - cornerX) 之类的东西替换 PI * 3/4 (给或使用 +/- 符号)。