用鼠标旋转图像

Question

我正在编写一个绘图程序 Whyteboard -- http://code.google.com/p/whyteboard /

我已经实现了图像旋转功能，只是它的行为有点奇怪。我无法弄清楚相对于鼠标位置旋转图像的正确逻辑

我的代码与此类似：（

这些是从鼠标事件处理程序调用的）

def resize(self, x, y, direction=None):
    """Rotate the image"""
    self.angle += 1
    if self.angle > 360:
        self.angle = 0
    self.rotate()


def rotate(self, angle=None):
    """Rotate the image (in radians), turn it back into a bitmap"""
    rad = (2 * math.pi * self.angle) / 360
    if angle:
        rad = (2 * math.pi * angle) / 360
    img = self.img.Rotate(rad, (0, 0))

所以，基本上旋转图像的角度不断增加当用户移动鼠标时。然而，这有时意味着您必须多次“绕圈”鼠标才能将图像旋转 90 度，更不用说 360 度了。

但是，我需要它与其他程序类似 - 图像如何相对于鼠标相对于图像的位置进行旋转。

这就是我遇到的麻烦。我已经将问题与语言无关，尽管使用 Python 和 wxPython 它可以适用于任何语言

Answer 1

我假设每次鼠标移动更新都会调用 resize() 。您的问题似乎是 self.angle += 1，它使您在每次鼠标事件时将角度更新 1 度。

解决您的问题的方法是：选择图像上旋转中心的点（在本例中，它是 self.img.Rotate( 上的 (0,0) 点) ），但通常它是图像的中心）。旋转角度应该是从该点到鼠标光标的连线所形成的角度减去用户单击时从该点到鼠标位置的连线所形成的角度。

要计算两点之间的角度，请使用math.atan2(y2-y1, x2-x1)，它会给出以弧度为单位的角度。 （您可能需要根据鼠标位置轴更改减法的顺序）。

Answer 2

fserb 的解决方案也是我进行旋转的方式，但需要额外考虑的是您的使用：

img = self.img.Rotate(rad, (0, 0))

如果您正在执行位图图像旋转以响应每个鼠标拖动事件，您将会丢失大量数据旋转所需的所有插值的综合效果。例如，旋转 1 度 360 次会得到比原始图像模糊得多的图像。

尝试使用类似这样的旋转系统：

display_img = self.img.Rotate(rad, pos)

然后在旋转模式下使用 display_img 图像。当您结束旋转模式时（可能是onMouseUp），img = display_img。

每当您对用户预览进行有损操作时，这种类型的策略就很好。

Answer 3

最后的解决方案是这样的

def rotate(self, position, origin):
    """ position: mouse x/y position, origin: x/y to rotate around"""
    origin_angle = self.find_angle(origin, self.center)
    mouse_angle = self.find_angle(position, self.center)

    angle = mouse_angle - origin_angle 
    # do the rotation here


def find_angle(self, a, b):
    try:
        answer = math.atan2((a[0] - b[0]) , (a[1] - b[1]))
    except:
        answer = 0
    return answer