Javascript WebKit TouchEvents-不准确?
我正在使用以下内容来捕获Iphone上的触摸事件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); 奇
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的右边越远,它变得越来越远。如果我触摸屏幕的中心,它会一直画到左边。它是指数级的更糟的是,有什么想法?