Hola.
éste es el código JS:
Código:
var canvas = document.getElementById('mundo');
function getMousePos(canvas, evt){
var rect = canvas.getBoundingClientRect();
return{
x: evt.clientX - rect.left,
y: evt.clientY - rect.top
};
}
canvas.addEventListener('mousemove', function(evt){
var mousePos = getMousePos(canvas, evt);
msj = ('Mouse position: ' + mousePos.x + ', ' + mousePos.y);
document.getElementById('msj').innerHTML = msj;
}, false);
y éste el HTML:
Código:
<p class="tc"><canvas id="mundo"></canvas><br /></p><h3 id="msj"></h3>
Lo he probado con FF y CHROME.
y siempre retorna decimales que cambian en algunas zonas del CANVAS.
Chrome muestra decimales solo para la coordenada Y.
¿por que sucede éso?
¿cómo corregirlo?
Gracias!.