javascript - 每次点击JQuery时旋转图像

Question

每次单击时我都想旋转图像。我创建了一个函数来执行此操作，但图像仅在我第一次单击时旋转...此外，一旦图像旋转，它会自动更改宽度和高度.. 我怎样才能每次都保持相同的宽度和高度？？

这是函数:

$(document).ready(function () {
    $("img").click(function () {
      $(this).rotate(45)       
    })
})

Answer 1

这可以通过使用 javascript 轻松完成，工作示例如下所示

<div id="imgWrapper">
    <img src="Desert.jpg" id="image" onclick="rotateBy10Deg(this)">  
</div>

<script>
    var delta =0;
    function rotateBy10Deg(ele){
        ele.style.webkitTransform="rotate("+delta+"deg)";
        delta+=10;
    }
</script>