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

Question

我遇到的问题是我试图在具有透明屏幕的手机中画一个画布，而该屏幕已被我进行了照相购物。有点倾斜，我想在手机屏幕上创建一个游戏。问题是我可能需要使用X和Y坐标来指出必须绘制画布的区域。

最好的问候，Tar2ed

Code

Result

Answer 1

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