jquery - 使用 IE8 居中并旋转图像 (jQueryRotate)

Question

全部，

我正在寻找一种方法来响应按钮单击来居中和旋转图像。我正在使用 jQueryRotate 库。

这是我正在考虑的方法。

http://jsfiddle.net/HatAndBeard/k3Gxj/6/

这在 Chrome/Firefox 中工作正常，但在 IE8 或更低版本中不起作用。有一些图像伪影我无法消除。有任何想法吗？

附注我对如何完成轮换没有严格要求，因此也欢迎其他方法。

P.S.S 如果 JSFiddle 链接不符合您的喜好，我可以发布代码。

Answer 1

我最终通过使用 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 + ')');
        }