WebKit TouchEvents - 不准确？

Question

我正在使用以下内容捕获Iphone上的触摸事件。

document.addEventListener('touchmove', function(event) {              
    event.preventDefault();
    var touch = event.touches[0];
    $('#touchPosition').text("Touch x:" + touch.pageX + ", y:" + touch.pageY);
}, false);

奇怪的是，我发现这些立场是错的？我在iPhone屏幕上移动到更远的位置（水平或垂直定位，不准确性越突出。

这里有什么想法吗？

Answer 1

这可能是因为造型。 canvas.width和canvas.height属性定义绘图区域的大小。 例如，如果使用css拉伸画布，画布中的坐标也将被拉伸。 因此，绘制时，您传递的坐标将乘以画布拉伸的相同比例。