全部,
我正在寻找一种方法来响应按钮单击来居中和旋转图像。我正在使用 jQueryRotate 库。
这是我正在考虑的方法。
http://jsfiddle.net/HatAndBeard/k3Gxj/6/
这在 Chrome/Firefox 中工作正常,但在 IE8 或更低版本中不起作用。有一些图像伪影我无法消除。有任何想法吗?
附注我对如何完成轮换没有严格要求,因此也欢迎其他方法。
P.S.S 如果 JSFiddle 链接不符合您的喜好,我可以发布代码。
最佳答案
我最终通过使用 IE 中的 BasicImage 旋转功能解决了这个问题。我只需要以 90 度增量显示图像,因此这种方法是可行的。
我做了什么的粗略草图......
function ieRotate(element, rotation) {
var rotationInt = 0;
switch (rotation % 360) {
case 0:
rotationInt = 0;
break;
case 270:
case -90:
rotationInt = 3;
break;
case 180:
case -180:
rotationInt = 2;
break;
case 90:
case -270:
rotationInt = 1;
break;
}
element.css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + rotationInt + ')');
}
关于jquery - 使用 IE8 居中并旋转图像 (jQueryRotate),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7841252/