Javascript 翻转图像已镜像，如何使翻转图像不镜像？

我尝试了各种方法将图像1转换为图像2，最后决定不使用任何jquery插件，并且是这样做的。使用javascript将图像2插入back1图像类。但是现在翻转的图像2是原始图像2的镜像。如何使翻转的图像不被镜像

提前谢谢

wala=document.getElementsByClassNameback1； wala[0]。src=https://placehold.it/300x200; wala[0]。style.cssFloat=inherit； 函数翻转{ $'.cardx'.toggleClass'flipped'； } .集装箱{ 宽度：300px； 高度：200px； 位置：相对位置； 边框：2倍纯色灰色； } cardx先生{ 宽度：100%； 身高：100%； 位置：绝对位置； -webkit转换：-webkit转换2； -moz变换：moz变换2s； -o-转变：-o-转变2s； 转变：转变2s； -webkit变换样式：保留-3d； -moz变换样式：preserve-3d； -o变换样式：preserve-3d； 变换样式：保留-3d； } .cardx分区{ 显示：块； 身高：100%； 宽度：100%； 位置：绝对位置； -webkit背面可见性：隐藏； -moz背面可见性：隐藏； -o-背面-可见性：隐藏； 背面可见性：隐藏； } .cardx.前面{ 背景：urlhttps://placehold.it/300x200/DCF8FF/333333 } .cardx.回来{ -webkit变换：旋转180度； -莫兹变换：旋转180度； -o变换：旋转180度； 变换：旋转180度； } .cardx.翻转{ -webkit变换：旋转180度； -莫兹变换：旋转180度； -o变换：旋转180度； 变换：旋转180度； }

---

将scaleX-1添加到back元素上的css转换中，以转义翻转的图像

.cardx .back {
    -webkit-transform: rotateY( 180deg ) scaleX(-1);
    -moz-transform: rotateY( 180deg ) scaleX(-1);
    -o-transform: rotateY( 180deg ) scaleX(-1);
    transform: rotateY( 180deg ) scaleX(-1);

}

.cardx.flipped {
    -webkit-transform: rotateY( 180deg ) scaleX(-1);
    -moz-transform: rotateY( 180deg ) scaleX(-1);
    -o-transform: rotateY( 180deg ) scaleX(-1);
    transform: rotateY( 180deg ) scaleX(-1);

}

请参阅更新的代码段：

wala=document.getElementsByClassNameback1； wala[0]。src=https://placehold.it/300x200; wala[0]。style.cssFloat=inherit； 函数翻转{ $'.cardx'.toggleClass'flipped'； } .集装箱{ 宽度：300px； 高度：200px； 位置：相对位置； 边框：2倍纯色灰色； } cardx先生{ 宽度：100%； 身高：100%； 位置：绝对位置； -webkit转换：-webkit转换2； -moz变换：moz变换2s； -o-转变：-o-转变2s； 转变：转变2s； -webkit变换样式：保留-3d； -moz变换样式：preserve-3d； -o变换样式：preserve-3d； 变换样式：保留-3d； } .cardx分区{ 显示：块； 身高：100%； 宽度：100%； 位置：绝对位置； -webkit背面可见性：隐藏； -moz背面可见性：隐藏； -o-背面-可见性：隐藏； 背面可见性：隐藏； } .cardx.前面{ 背景：urlhttps://placehold.it/300x200/DCF8FF/333333 } .cardx.回来{ -webkit变换：旋转180度scaleX-1； -moz变换：旋转180度scaleX-1； -o变换：旋转180度scaleX-1； 变换：旋转180度scaleX-1； } .cardx.翻转{ -webkit变换：旋转180度scaleX-1； -moz变换：旋转180度scaleX-1； -o变换：旋转180度scaleX-1； 变换：旋转180度scaleX-1； }

---

我不知道你在问什么。翻转和镜像的区别是什么？翻转的图像就像图像1是正面图像，图像2是背面图像，翻转时背面图像旋转到视图中。镜像图像是向内旋转的图像2，这是错误的方式。看起来像这样。。。。。