2013-01-31 30 views
-1

我對jQuery的animate()方法和屬性有一個基本的理解,但我想更進一步...開發人員學習什麼資源來幫助通過JavaScript/jQuery旋轉圖像?通過JavaScript/jQuery旋轉對象

我目前的思維過程假設有數學函數可以存儲到變量中並插入到animate()jQuery序列中,以便在單擊時看到對象旋轉180度。然後再次單擊對象時,它會再旋轉180度。

我的最終目標是讓< div>使用css背景圖像來旋轉。圖像本身將是一個透明的PNG文件,以幫助使旋轉更加無縫。如果這聽起來很愚蠢,請讓我知道 - 但是,這就是我想象在我的腦海...

我只是在尋找方向學習這個過程

謝謝!

+0

https://developer.mozilla.org/en-US/docs/CSS/transform – SLaks

+1

取決於你正在尋找什麼,CSS可能會更容易。是否有一個特定的原因需要成爲Javascript/jQuery? – gotohales

+0

我正在考慮CSS3在駕車上班的時候這樣做,但後來我發現沒有太多的瀏覽器支持這一點 - Chrome肯定會,但其他人可能不會......我希望它以這種方式成爲JavaScript適用於更多瀏覽器。 - 這是我的原因 – blackhawk

回答

0

您可以操縱CSS transform屬性,也可以將圖像添加到可以使用本地旋轉方法的畫布元素,也可以手動重新定位圖像的像素。

+0

我唯一的問題就是在更多瀏覽器中支持哪個方向...... – blackhawk

+1

請參閱http://caniuse.com/#search=transforms,http://caniuse.com/#search=canvas – bfavaretto

+0

https:// developer .mozilla.org/EN-US /文檔/ HTML /帆布/教程/ Basic_animations – blackhawk