如何在jquery中旋转图像？

你能告诉我如何旋转这样的图像吗 以人体为例： 首先，我们把脸放在前面。 当我点击图像时，我们的脸会向后移动，然后向后移动到前面。 我用谷歌搜索它，发现有一种方法

("#image").rotate(180);

但在我的例子中它不起作用 我尝试360度，但没有效果..：(

---

你能不能给我一个男孩的正面和背面的照片，这样我也可以检查一下。

试着对你的照片这样做。它会把你的照片改成45'

     $(document).ready(function(){

        $("#image").rotate({angle:45});
 });

---

尝试对你的图像进行此操作。它将使你的图像旋转45度

     $(document).ready(function(){

        $("#image").rotate({angle:45});
 });

虽然为时已晚

（“#图像”）.rotate（360）；将图像移动到其原始位置，因此，尽管正确应用了旋转，但看起来没有任何变化

现在你们的问题似乎和旋转不同，因为图像是在2d上绘制的，所以你们不可能用单个图像来实现你们想要实现的目标

取而代之的是两张图像，一张是正面视图，另一张是背面视图。最初将其中一张图像隐藏起来。单击即可切换图像的可见性。

尽管为时已晚

（“#图像”）.rotate（360）；将图像移动到其原始位置，因此，尽管正确应用了旋转，但看起来没有任何变化

现在你们的问题似乎和旋转不同，因为图像是在2d上绘制的，所以你们不可能用单个图像来实现你们想要实现的目标

---

取而代之的是两个图像，一个是正面视图，另一个是背面视图。最初将其中一个图像隐藏起来。单击仅切换图像的可见性。

不可能进行这种类型的旋转

用户2不同的图像，如imgFront、imgBack、， 现在，单击按钮事件，您可以更改图像

HTML

  <div>
     <img id="img1" href="imgFront.jpg" />
     <img id="img2" href="imgBack.jpg" class="hide" />
  </div>
  <button onclick="change"> Change </button>

---

这种类型的旋转不可能

用户2不同的图像，如imgFront、imgBack、， 现在，单击按钮事件，您可以更改图像

HTML

  <div>
     <img id="img1" href="imgFront.jpg" />
     <img id="img2" href="imgBack.jpg" class="hide" />
  </div>
  <button onclick="change"> Change </button>

---

你在javascript中需要这个吗？你使用过CSS转换吗？你说的是旋转。不是旋转。你在javascript中需要这个吗？你使用过CSS转换吗？你说的是旋转。不是旋转。参考