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, координаты на холсте также будут растягиваться. Поэтому при рисовании передаваемая вами координата будет умножаться на то же соотношение, на которое растягивался ваш холст.