javascript - 将边距应用于 Canvas 时，HTML5 Canvas 游戏将无法运行

我一直在尝试以下 game .

我想添加 margin: 0 auto 但当我应用任何类型的 margin、padding 等时，游戏就会停止工作。

在此example我添加了 margin: 200px;，您会发现游戏无法运行。

不确定为什么。

最佳答案

由于移动 Canvas ，命中检测代码会关闭，因为它使用 pageX、pageY 值，这些值是相对于页面的值。您可以使用 offsetX、offsetY 值获取相对于 Canvas 本身的位置，这应该可以让您更好地进行命中检测，而无需进行额外的计算

function btnClick(e) {
    // Variables for storing mouse position on click
    var mx = e.offsetX,
    my = e.offsetY;

您可能还需要在代码的其他部分和/或其他计算中执行此操作，以确保命中检测正确

关于javascript - 将边距应用于 Canvas 时，HTML5 Canvas 游戏将无法运行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25278756/