javascript - 使用 jQuery 旋转图像......但调整大小不起作用

Question

我有一张图片需要旋转。此图像面向横向或纵向。

我有一个 HTML5 表单来接受每次点击 90 度的旋转度数。当此值更改时，图像应旋转并调整大小。它的宽度应始终为 770 像素，但可以根据需要设置高度。

我已经编写了以下事件处理程序，但它没有按我期望的方式工作。

用例:当图像为纵向时，其初始值为 770x1027(宽 x 高)。将它旋转 90 度时，我希望下面的函数可以旋转图像，设置宽度 = 1027 和高度 = 770。但我看到的是宽度和高度都设置为 770。我没有看到什么？

$("#degrees").change(function(){
    var element$ = $("#photo-submission"),
        w = element$.width(), 
        h = element$.height(),
        deg = $(this).val();


    element$.removeAttr("style").attr({
        "style": "-webkit-transform:rotate("+ deg +"deg); width: "+ h +"px; height: "+ w + "px;"
    })
});

Answer 1

你好像调换了宽度和高度。

element$.removeAttr("style").attr({
    "style": "-webkit-transform:rotate("+ deg +"deg); width: "+ w +"px; height: "+ h + "px;"
})