Javascript 旋转时如何将图像保持在原始位置

我的HTML文档中有一个图像：

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

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

使用该插件时，您可以传入一个“中心”

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

---

这不使用jQuery rotate，但您可以在我的版本中设置属性：

$('#img1').click(function () {
    'use strict';

    var $this = $(this),
        angle = 0,
        v;

    setInterval(function () {
        angle += 3;
        v = "rotate(" + angle + "deg)"

        $this.css({
            '-webkit-transform': v,
            '-moz-transform': v,
            '-ms-transform': v,
            transform: v
        });
    }, 50);
});

当然，您不必针对

此

，因为在您的案例中，您将使用

#img1

，事件处理程序将位于

按钮上

请参见
中心用于更改图像中心，我将50%更改为5%，我发现图像中心已更改，从该中心开始旋转。我想要的是，移动图像的位置，而不是图像中心。“中心”选项用于更改旋转中心。我不知道你说的“移动图像的位置而不是图像中心”是什么意思。
$('#img1').click(function () {
    'use strict';

    var $this = $(this),
        angle = 0,
        v;

    setInterval(function () {
        angle += 3;
        v = "rotate(" + angle + "deg)"

        $this.css({
            '-webkit-transform': v,
            '-moz-transform': v,
            '-ms-transform': v,
            transform: v
        });
    }, 50);
});