Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript WebKit TouchEvents-不准确?_Javascript_Html_Webkit_Canvas_Touch - Fatal编程技术网

Javascript WebKit TouchEvents-不准确?

Javascript WebKit TouchEvents-不准确?,javascript,html,webkit,canvas,touch,Javascript,Html,Webkit,Canvas,Touch,我正在使用以下内容来捕获Iphone上的触摸事件 document.addEventListener('touchmove', function(event) { event.preventDefault(); var touch = event.touches[0]; $('#touchPosition').text("Touch x:" + touch.pageX + ", y:" + touch.pageY); }, false); 奇

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

document.addEventListener('touchmove', function(event) {              
    event.preventDefault();
    var touch = event.touches[0];
    $('#touchPosition').text("Touch x:" + touch.pageX + ", y:" + touch.pageY);
}, false);
奇怪的是,我发现位置错了?我在iPhone屏幕上向右移动的距离越远(水平或垂直定位),错误就越明显


这里有什么想法吗?

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

什么是“错误”意思是?你能举个例子吗?好吧,我用上面的位置在画布上画画。如果我用这些位置靠近左边,定位/画画就很好。但是我移动到iPhone的右边越远,它变得越来越远。如果我触摸屏幕的中心,它会一直画到左边。它是指数级的更糟的是,有什么想法?