javascript - 如何使 HTML Canvas 在其他分辨率屏幕中使用相同的鼠标位置 X & Y

Question

我的画布游戏具有重定向到另一个菜单的 onclick 按钮。在另一个分辨率显示器中打开我的画布时，所有 X 和 Y 都发生了变化，但没有任何效果。

有没有办法阻止画布受到不同显示器的影响？

Answer 1

使用e.offsetXande.offsetY 获取画布上的鼠标坐标：

var canvas = document.getElementById("canvas"),
    c = canvas.getContext("2d");
canvas.addEventListener('click', handleClick);
canvas.addEventListener('mousemove', handleClick);

function handleClick(e) {
    e = e || window.event;
    console.log(e.offsetX, e.offsetY);
}