旋轉90度/ -90度的圖像模糊jquery rotate

Question

當使用這個jquery插件：http://code.google.com/p/jqueryrotate/wiki/Documentation 和我旋轉圖像90度任一方向，他們最終變得模糊。如果圖像旋轉180度，則不模糊。

有沒有辦法解決這個問題？

Answer 1

嘗試使用CSS轉換旋轉影像：

img { 
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
} 

照顧

Answer 2

嘗試使用具有even * even或odd * odd尺寸旋轉中心設置爲一個像素的角落或像素中心的圖像。

在這裏，我旋轉的10 * 7的圖像（動畫GIF），你可以看到旋轉的像素並沒有真正與屏幕的像素網格對齊：