旋转90 / -90度的图像是模糊的jquery旋转

Question

使用此jquery插件时：http://code.google.com/p/jqueryrotate/wiki/Documentation 然后我将图像向任一方向旋转90度，最终变得模糊。如果图像旋转180度则不模糊。

有没有办法解决这个问题？

Answer 1

尝试使用尺寸为even * even或odd * odd的图像将旋转中心设置为像素角或像素中心。

在这里我旋转了一个10 * 7的图像（动画gif），你可以看到旋转的像素并没有真正与屏幕的像素网格对齐：

Answer 2

尝试使用css过渡来旋转图像：

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

小心