在IE中使用javascript css轉換旋轉png圖像

我需要旋轉PNG圖像（某些圓形磁盤）。它使用jQuery的一些幫助下完成的：在IE中使用javascript css轉換旋轉png圖像

$.fn.rleft = function() { 
    return this.animate({ 
     rotate: '-=45deg' 
    }); 
};

在IE <的所有版本9件事情可怕的錯誤。旋轉動畫很糟糕，並且在旋轉之後發生了這些圖像的alpha透明度非常難看的東西。

是否有可能在IE 8和IE 7（或多或少的IE 6？）中工作。如果不是，我將被迫命令它在Flash中完成。但我想首先嚐試使用CSS和JavaScript（svg？）。你有任何提示，使用不同的技術，或者js庫嗎？

非常感謝您提供任何答案。

編輯：我實際上沒有找到在IE瀏覽器中使用CSS和JS旋轉PNG圖像的解決方案。這就是說，一切都重做使用拉斐爾，這即使在IE的作品非常漂亮6.

EDIT2：最終的結果與拉斐爾完成：http://ipm-profil.de/diversity/ 我用GIF圖像，並與SVG這些圈子的蒙面「毛邊」（拉斐爾碼）。

來源

2011-01-09 Ernest

我在IE8上測試過這個網站，一切看起來都不透明... – Chandu 2011-01-09 20:46:23

@Cybernate：很奇怪，我在幾臺電腦上測試過它。我更新了參考圖像的問題。 – Ernest 2011-01-09 21:09:52

我之前沒有注意到IE8中的黑色邊框。是的你是對的，IE8顯示那些扭曲。 – Chandu 2011-01-09 21:12:38

我強烈建議使用這個Raphaël—JavaScript Library。 Raphaël目前支持Firefox 3.0以上版本，Safari 3.0以上版本，Chrome 5.0以上版本，Opera 9.5以上版本和Internet Explorer 6.0以上版本，並且非常易於使用，並且可以與JQuery一起使用。

來源

2011-01-09 20:52:25

謝謝，我會檢查出來的。 – Ernest 2011-01-09 21:10:28

這可能值得在SVG中完成。它可以像所有瀏覽器一樣工作，包括IE9。對於IE < 9，您可以使用SVGWeb。它是一個Flash Shim，使SVG能夠在不支持它的瀏覽器中工作。

來源

2011-01-09 21:13:23

如果你不在乎，如果舊的瀏覽器都可以查看它的IE 9具有添加變換屬性：

-webkit-transform: rotate(15deg) /* for Safari/Chrome */ 
-moz-transform: rotate(15deg) /* for Firfox */ 
-ms-transform: rotate(15deg)  /* for hated IE */ 
transform: rotate(15deg)   /* The way it should be. */

而且我發現一個很好的JS在 http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html的JS是在文章的底部。

來源

2011-03-16 17:24:02 webLacky3rdClass

在IE中使用javascript css轉換旋轉png圖像

回答

相關問題