javascript Rotar un elemento HTML una cantidad de grados con css

Posted 2021-05-04

function rotateElementDegrees(options) {
    /**
    * Defaults options
    * round: true
    */
    if (typeof options != "undefined" && options.hasOwnProperty("selector")
        && options.hasOwnProperty("rotationDegree")) {
        if (options.hasOwnProperty("round") && options.round == false) {
            rotationDegree = rotationDegree;
        } else {
            rotationDegree = Math.round(rotationDegree);
        }

        if (options.hasOwnProperty("debug") && options.debug == true) {
            console.log("Wind degrees: " + rotationDegree);
        }

        $(selector).css('transform', 'rotate(' + rotationDegree + 'deg)');
        document.getElementById("wind-value").innerHTML = rotationDegree;

        return true;
    }

    return false;
}

// Ejemplo de uso:
var rotated = rotateElementDegrees({
    "selector": "#wind-arrow-original",
    "rotation": lastLine.nowcasting.fm_wind_degree
});

if (rotated) {
    alert("Rotado");
} else {
    alert("Error al rotar");
}