如何順時針旋轉對象？

Question

如何順時針旋轉對象（沒有畫布，css3等）？

請參閱my example code

只是有助於糾正我的公式。

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。您可以使用圖像作爲課程的背景。