使用javascript在div內順時針或逆時針旋轉圖像

HI，有沒有一種方法可以順時針或逆時針旋轉div內的圖像。使用javascript在div內順時針或逆時針旋轉圖像

我有一個主要固定寬度div [溢出設置爲隱藏]與數據庫加載的圖像。有一個滾動條顯示div內的圖像。點擊圖片後，我需要以順時針或逆時針方向顯示旋轉動畫。

我已經使用矩陣過濾器完成了它。我想知道是否可以在IE中完成而不使用任何過濾器。

2009-06-09 rahul

使用畫布，但也支持IE

2009-06-10 05:05:45

我能想到的在客戶端在IE中旋轉圖像的唯一方法是使用過濾器。對於最近的版本，其他瀏覽器可以使用<canvas> control。

您的替代方案是使用服務器端腳本來旋轉圖像。然後可以發送關於如何使用JavaScript旋轉它的信息（即生成的圖像的路徑如/rotate?image=img.jpg &量= 90）

2009-06-09 07:40:15 Blixt

問題帶過濾器是在應用矩陣過濾圖像的清晰度後減小到一些延伸。有沒有辦法避免這種情況？ – rahul 2009-06-09 07:56:04

CSS3 supports rotation，但it isn't widely supported。正如你所要求的JavaScript解決方案，here's one，但我認爲你不能獲得流暢的圖像。

2009-06-09 07:45:35

只是一個關於JavaScript解決方案的警告：即使對於像100x100這樣小的圖像，它也會生成10,000個div元素，每個元素都以圖像爲背景。這樣做肯定會降低一些瀏覽器對較大圖像的影響。 – Blixt 2009-06-09 07:52:50

如果你使用jQuery，jQueryRotate是小（小於3Kb上縮小的+ gzip壓縮的）插件，旋轉圖片：

2010-04-16 14:06:45 Wilq32

注意：顯然這已經轉移到http://code.google.com/p/jqueryrotate/ – 2011-04-09 15:58:19

有沒有其他的方式來旋轉圖像沒有任何過濾器/ html5 ..它是討厭的，在現實世界中沒用，但可能的。

您可以將圖像存儲爲像素數組，用於javascript。編寫函數來執行旋轉並將其編碼爲base64數據文件，bmp可以很容易並用它替換image.src。

將有大約在舊瀏覽器和當然可怕性能文件大小和支持的一些限制..

2013-01-07 04:45:05 user1954035

回答