如何顺时针旋转物体？

Question

如何顺时针旋转对象（没有画布，css3等）？

请参阅我的示例代码

只是帮助纠正我的公式。

Answer 1

如果没有CSS，你就无法做到，但你的示例代码使用CSS进行翻译：你通过使用JavaScript来修改div的样式属性来修改CSS属性。

尝试类似的东西：

div.style['-webkit-transform'] = 'rotate(' + angle + 'deg)';

要设置角度，假设您正在使用Webkit浏览器。

Answer 2

您可以通过两种方式旋转对象，两种方式都有自己的缺点。

1）您可以使用PHP发回图像的旋转版本。 使用GD库这很容易。

这是正面的，如果你使用像rotate.php？image = my_image_name＆angle = 30这样的名字，那么浏览器会为你缓存图像。

但是，这将是一个延迟，所以不是一个很好的游戏解决方案。

2）您创建旋转并将它们全部附加到一个大的精灵表。 然后，您可以在精灵图像之间切换。

但是，这确实意味着您将拥有一个大型图像文件，通常不会有完美的旋转。 你可以通过旋转固定量（如5度）来减少这种情况，但即便如此，你将拥有72个不同版本的图像。

这两种方法都只适用于图像文件，而不是div。 您可以使用图像作为背景的divs ofcourse。