2010-08-12 6 views
0

J'utilise ce qui suit pour capturer des événements tactiles sur un Iphone.WebKit TouchEvents - Pas précis?

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

Étrangement, je trouve que les positions sont fausses? le plus à droite je passe sur l'écran de l'iPhone (horizontalement ou verticalement positionné, les inexactitudes plus importantes sont.

Toutes les idées ici?

+1

Que signifie «mauvais»? Pouvez-vous donner un exemple? – jtbandes

+0

W ell, j'utilise la position ci-dessus pour dessiner sur une toile. Si j'utilise les positions pour dessiner à gauche, le positionnement/dessin est très bon. Mais plus je bouge vers la droite de l'iPhone, plus ça me gagne. Si je touche au centre de l'écran, il dessine tout le chemin vers la gauche. Cela devient exponentiellement pire. Des idées? – AnApprentice

Répondre

1

Cela pourrait être dû à un style. Le canvas.width et toile Les propriétés .height définissent la taille de la zone de dessin Par exemple, si vous étendez le canevas avec css, les coordonnées du canevas seront également étirées. le ratio de votre toile a été étiré