点击jquery多次旋转图像

Question

我正在尝试使用jquery旋转图像，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);
    });
});