获取旋转图像中点的新x，y坐标

Question

我有Google地图图标，在使用MarkerImage绘制地图之前，我需要旋转一定的角度。我使用PIL在Python中动态地进行旋转，得到的图像与原始的-32x32大小相同。例如，使用以下默认谷歌地图标记： ，使用以下python代码实现30度顺时针旋转：

# full_src is a variable holding the full path to image
# rotated is a variable holding the full path to where the rotated image is saved
image = Image.open(full_src)
png_info = image.info
image = image.copy()
image = image.rotate(30, resample=Image.BICUBIC)
image.save(rotated, **png_info)

结果图像是

棘手的一点是在使用新的旋转图像创建MarkerImage时使用新的定位点。这应该是图标的尖端。默认情况下，定位点是底部中间[在x，y坐标中定义为（16,32），其中（0,0）是左上角]。有人能给我解释一下我如何用JavaScript轻松完成这项工作吗？

谢谢。

2011年6月22日更新： 张贴了错误的旋转图像（原始图像为逆时针330度）。我已经纠正了。还添加了重采样（Image.BICUBIC），使旋转的图标更清晰。

Answer 1

旋转约0,0的公式为：

x1 = cos(theta) x0 - sin(theta) y0
y1 = sin(theta) x0 + cos(theta) y0

但这是对于规则轴，旋转0，0。PIL的旋转是顺时针的，带有“图形”轴。另外，它在图像的中心。最后一个令人困惑的事情是图像的大小可能会改变，这需要在最终结果中加以说明。

步骤：取原点，减去图像中心，应用“图形轴”校正旋转，找到新的图像大小，添加新图像的后中心位置。

使用图形轴的旋转是：

x1 = cos(theta) x0 + sin(theta) y0
y1 = -sin(theta) x0 + cos(theta) y0

16,32-16,16等于0,16。顺时针旋转30度（基于图像），得到一个点cos（-30）*0+sin（-30）*16，-sin（-30）*0+cos（-30）*16=-8，13.86。最后一步是添加回旋转位置的中心位置。