用jquery点击多次旋转图像

Question

我正在尝试使用jquery旋转图像，该图像将在多个鼠标单击时旋转。使用jquery-rotate插件，以下代码仅旋转图像一次（转换为firefox中的画布），并且在进一步点击时不再旋转。

$(".drag-and-rotatable img").click(function() { 
    $(this).rotate(45); 
}); 

我打算使用其他JavaScript库。

Answer 1

当你说rotate(45)，你正在旋转图像45度？ （请确保它不是弧度，我不使用插件）从原来的旋转，因此，如果你想保持旋转，你必须保持加上或减去度：

$(function() {         // doc ready 
    var rotation = 0;        // variable to do rotation with 
    $(".drag-and-rotatable img").click(function() { 
     rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed 
     $(this).rotate(rotation); 
    }); 
});