获取图像'；使用jquery创建镜像

我想使用jQuery获得x轴和y轴上的镜像图像。当用户单击按钮时，图像将更改为其镜像

我无法在互联网上搜索它

我刚开始使用css而不是jquery，但我需要jquery来实现这两个方向

---

我想一个接一个地做这些反射，当我点击反射X按钮时，它应该在X轴上反射，在Y轴上类似的情况

所以我用scaleX（-1）代替了x轴的scale（），但问题是当我这样做的时候，图像反射很好，但是它的位置在变化。你能帮我把它放在同一个地方，然后在x轴上反射出来吗

---

谢谢

您可以使用CSS来实现这一点

transform: scale(-1, -1)

这将X和Y都设置为-1

第一个是X，第二个是Y

来自MozDev：

transform:  scale(sx[, sy]);     /* one or two unitless <number>s, e.g.  scale(2.1,4) */

transform:scale（sx[，sy]）；/*一个或两个无单位s，例如刻度（2.1,4）*/

---

您可以使用CSS3镜像图像

-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);

要将其用于jQuery，可以执行以下操作：

 .mirror {
     -moz-transform: scale(-1, 1);
     -webkit-transform: scale(-1, 1);
     transform: scale(-1, 1);
  }

然后将类“mirror”添加到对象

$('object').addClass('mirror');

要使其恢复正常，只需将其移除：

 $('object').removeClass('mirror');

---

您可以使用Jquery操作css解决方案吗？Jquery可以操纵CSS。谢谢@Simon，我知道了如何使用Jquery。很高兴我能帮上忙。如果你的问题已经得到回答，不要忘记选择一个最佳答案。我想一个接一个地进行这些反射，当我点击“反射X”按钮时，它应该在X轴上反射，类似于Y轴的情况。所以我用scaleX（-1）代替了x轴的scale（），但问题是当我这样做的时候，图像反射很好，但是它的位置在变化。你能帮我把它放在同一个地方，然后在x轴上反射出来吗。谢谢