javascript - HTML Canvas : How to draw a flipped/mirrored image?

Question

当我在 HTML Canvas 上绘制图像时，我正在尝试翻转/镜像图像；我找到了一个游戏教程，其中显示了 Angular 色必须面对的每个方向的 Sprite 表，但这对我来说似乎不太正确。特别是因为每个框架都有不同的大小。

达到这个目标的最佳技术是什么？

我尝试在我的 Canvas 上调用 setScale(-1, 1); 但没有成功。也许这不是为了这个。

谢谢

Answer 1

1. 您可以通过使用 myContext.scale(-1,1) 转换上下文来做到这一点但是，在绘制图像之前

2. 这会减慢您的游戏速度。最好有一个单独的、反转的 sprite。