使用此 jquery 插件时:http ://code.google.com/p/jqueryrotate/wiki/Documentation 我将图像旋转 90 度,它们最终变得模糊。如果图像旋转 180 度,则它不会模糊。
有没有办法来解决这个问题?
使用此 jquery 插件时:http ://code.google.com/p/jqueryrotate/wiki/Documentation 我将图像旋转 90 度,它们最终变得模糊。如果图像旋转 180 度,则它不会模糊。
有没有办法来解决这个问题?
尝试使用具有even * even
或odd * odd
尺寸的图像将旋转中心设置为像素角或像素中心。
这里我旋转了一个 10*7 的图像(动画 gif),你可以看到旋转的像素并没有真正与屏幕的像素网格对齐:
尝试使用 css 过渡来旋转图像:
img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
小心