如何在屏幕的特定区域绘制画布？还旋转那个画布？

Question

我遇到的问题是我试图在手机内绘制一个画布，它有一个我用 photoshop 制作的透明屏幕。有点倾斜，我想在手机屏幕上创建一个游戏。问题是我可能需要使用 X 和 Y 坐标来指出必须绘制画布的区域。

Answer 1

您可能会考虑使用 2 个画布对象（或背景的常规图像），以便更轻松地处理 2 个空间的两个不同的 2D 变换（背景是空变换，而对于游戏画布，您将需要一个 2D转换考虑旋转和透视）。所以最简单的方法是使用两个 html 对象，绝对放置在另一个之上。然后设置游戏画布 2D 变换矩阵（您需要从背景图像上的屏幕角点开始构建或计算该矩阵），然后就可以开始了。