JS код делает неправильный поворот на изображении при запуске

Question

Я использую код, который помогает мне перемещать, изменять размер и поворачивать изображения на моем веб-сайте.

У меня уже была проблема с ним на мобильном телефоне, когда вращение было обратным, и мне удалось исправить его, но сейчасУ меня есть еще одна проблема, с которой я застрял.

Когда мой веб-сайт загружает изображения в первый раз с их положением, поворотом и т. д. ... изображения на ПК с поворотом + n градусов становятся -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))
    }
}