js代码在启动时对图像进行错误旋转

Question

我正在使用一个代码来帮助我在我的网站上移动，调整大小和旋转图像。

我已经在移动设备上遇到了问题，其中旋转是反向的，并设法纠正它但现在我有另一个问题，我坚持。

当我的网站第一次加载图像时，它们的位置，旋转等......旋转+ n degres的pc上的图像变为-n degres，而相反的图像附加在移动设备上。

这是代码：

e[a].Layer.prototype.rotateTo = function(e, a) {
    if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) {
        var r = this, s = this.rotation;
        0 != r.index && (e *= 1, t([r.cont[0], r.handler[0]]).css({
            "-moz-transform": "rotate(" + e + "deg)",
            "-o-transform": "rotate(" + e + "deg)",
            "-webkit-transform": "rotate(" + e + "deg)",
            transform: "rotate(" + e + "deg)"
        }), e = e < 0 ? Math.abs(e) : 360 - e, r.changeResizeCorner(2 * Math.round(e / 90)), r.rotation = e, a || r.$this.change(s !== r.rotation ? ["rotation"] : i))
    } else { 
        var r = this, s = this.rotation;
        0 != r.index && (e *= -1, t([r.cont[0], r.handler[0]]).css({
            "-moz-transform": "rotate(" + e + "deg)",
            "-o-transform": "rotate(" + e + "deg)",
            "-webkit-transform": "rotate(" + e + "deg)",
            transform: "rotate(" + e + "deg)"
        }), e = e < 0 ? Math.abs(e) : 360 - e, r.changeResizeCorner(2 * Math.round(e / 90)), r.rotation = e, a || r.$this.change(s !== r.rotation ? ["rotation"] : i))
    }
}

Answer 1

检查e * =行。

e[a].Layer.prototype.rotateTo = function(e, a) {
    if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i)) {
        var r = this, s = this.rotation;
        0 != r.index && (e *= 1, t([r.cont[0], r.handler[0]]).css({
            "-moz-transform": "rotate(" + e + "deg)",
            "-o-transform": "rotate(" + e + "deg)",
            "-webkit-transform": "rotate(" + e + "deg)",
            transform: "rotate(" + e + "deg)"
        }), e = e < 0 ? Math.abs(e) : 360 - e, r.changeResizeCorner(2 * Math.round(e / 90)), r.rotation = e, a || r.$this.change(s !== r.rotation ? ["rotation"] : i))
    } else { 
        var r = this, s = this.rotation;
        0 != r.index && (e *= 1, t([r.cont[0], r.handler[0]]).css({
            "-moz-transform": "rotate(" + e + "deg)",
            "-o-transform": "rotate(" + e + "deg)",
            "-webkit-transform": "rotate(" + e + "deg)",
            transform: "rotate(" + e + "deg)"
        }), e = e < 0 ? Math.abs(e) : 360 - e, r.changeResizeCorner(2 * Math.round(e / 90)), r.rotation = e, a || r.$this.change(s !== r.rotation ? ["rotation"] : i))
    }
}