在HTML中轉換圖像，Javascript

是否可以轉動圖像？（跨瀏覽器和無插件）在HTML中轉換圖像，Javascript

例如滾動的球，在Flash很容易，必須有，因爲HTML5的良好替代即將到來等

來源

2010-08-09 victor

通過「轉」你的意思轉動？如果是這樣，目前爲止我所見過的最好的跨瀏覽器，正在使用Raphael。它在IE和VG上使用其他瀏覽器。看到圖像旋轉演示：http://raphaeljs.com/image-rotation.html

來源

2010-08-09 20:38:31 slebetman

這是可能的：http://mrdoob.com/projects/chromeexperiments/ball_pool/

雖然我還沒有做到，並從外觀上來看，似乎並不簡單（在上述情況下，不使用HTML5的Canvas這在舊版瀏覽器中仍然缺乏一些兼容性，這取決於你想要做什麼，但可能不是問題）

你可以做一些更像hacky這樣的技巧，如使用php + imagemagick旋轉或一個圖像旋轉很多隻顯示一次旋轉（使用css僅顯示圖像的一部分作爲背景）

或堅持使用flash：/

來源

2010-08-09 20:42:12 kilrizzy

您可以使用CSS3來旋轉圖像（和其他元素）。問題在於，舊版瀏覽器將不會進行輪換，並且（現在）您必須使用多個供應商特定的前綴才能在最常見的瀏覽器中進行輪換（當然不包括IE瀏覽器 - 但支持將在IE9中提供）。

示例代碼：

-moz-transform: rotate(-20deg); // Firefox 
-o-transform: rotate(-20deg); // Opera 
-webkit-transform: rotate(-20deg); // Chrome, Safari, etc 
transform: rotate(-20deg); // CSS3 standard, to keep it future proof

確保寫在最後的標準之一，以確保此上被解釋，而不是供應商特定一個。

請注意，這將使您的樣式表無效。

如果將它與JavaScript動畫框架（如Scriptaculous）結合使用，您可以對這些屬性進行動畫處理以創建滾球效果。

來源

2010-08-10 00:57:53 WrongAboutMostThings

在HTML中轉換圖像，Javascript

回答

相關問題