如何顺时针旋转物体?

时间:2010-12-03 18:57:32

标签: javascript

如何顺时针旋转对象(没有画布,css3等)?

请参阅my example code

帮助纠正我的公式。

2 个答案:

答案 0 :(得分:1)

如果没有CSS,你不能这样做,但是你的示例代码使用CSS进行翻译:你正在修改CSS属性,使用JavaScript来修改div的样式属性。

尝试类似:

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

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

答案 1 :(得分:1)

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

1)您可以使用php发回图像的旋转版本。使用GD库非常容易。

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

然而,这会有延迟,所以对游戏来说不是一个好的解决方案。

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

但是,这确实意味着您将拥有一个大型图像文件,通常不会有完美的旋转。您可以通过旋转固定量(例如5度)来减少这种情况,但即使这样,您也会有72种不同版本的图像。

这两种方法只适用于图像文件,而不是div。您可以将图像用作课程的背景。