javascript - 如何在旋转时将图像保持在原来的位置

Question

我的 HTML 文档中有一张图片:

<img id="img1" src="C:\Html\img1.jpg" alt="my-image" width="150" height="150" Style="position:relative;left:600;top:45;"`>

我希望这张图片在点击按钮时旋转，我可以这样做，但图片从它的位置移动到默认位置。

function Test() {
    var angle = 0;
    setInterval(function(){
        angle+=3;
        $("#img1").rotate(angle);
    }, 50);
}

我希望图像位于它首次加载的位置。

Answer 1

当你使用那个插件时，你可以传入一个“center”。

$("#img1").rotate({angle: angle, center: ["50%", "50%"]});

It's right there in the documentation.