Android Cordova HTML5 Canvas OnTouch 错误

Question

我将我的 html5 画布设置为适合我的屏幕宽度，如下所示：

canvas.width = screenWidth;
canvas.height = screenHeight;

但是当我这样做的时候：

canvas.addEventListener("touchstart", function(e) {
    var x = e.touches[0].screenX;
    var y = e.touches[0].screenY;
    console.log(x.toString() + "X");
});

x 和 y 总是很小，为什么会这样？我该如何解决？

编辑：

我希望我的触摸事件准确无误，因为我正在制作一款依赖它们的游戏。

Answer 1

您获得了哪些值？
你有你的 index.html 吗？

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

与计算机不同，移动设备上的浏览器以不同于 1 的像素密度运行。
例如，如果像素密度为 2，则预期值会小 2 倍。
尝试在您的桌面 Chrome 上运行它，激活仿真（开发者工具->仿真）。
选择与您正在测试的设备相同的设备，然后比较这些值。