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上运行它，并激活仿真（开发人员工具 - ＆gt;仿真）选择与测试相同的设备，然后比较这些值。

Android Cordova HTML5 Canvas OnTouch错误

1 个答案: