javascript - 在 Canvas 游戏中镜像 Sprite 对象。有任何想法吗？

Question

我遇到了一个小问题。我使用 Canvas 制作了一个 2d 小游戏，我真的很想知道是否有任何解决方案可以稍微“修复”我的游戏。例如，我的对象使用左、上、右、下箭头向任何方向移动，但是当我向左转时，它会向后移动，所以我想知道是否有任何方法可以仅在我向左转时镜像图像，以及何时我再次右转回到初始位置。我希望我说清楚了，我的英语很糟糕。这是我的源代码:http://justpaste.it/mqpe对不起，外部链接。我不能发布超过 3 个链接，我在代码中得到了 3 个链接。谢谢!

Answer 1

你可以这样做: https://jsfiddle.net/vx3xbuj0/

html

<div class="flip-it">
    test
</div>

CSS

div{
    width:100px;
    text-align:center;
}

.flip-it {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}

更多信息 http://monkeyraptor.johanpaul.net/2013/07/how-to-mirror-image-using-css3.html