JavaScript me retorna posición del mouse con decimales, ¿por que?

[Anarko]

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!.

[IsaBelM]

es realmente extraño ya que los dos valores devueltos son en pixels y estos nunca son decimales. ese es todo el código??

[Alexis88]

Lo acabo de probar y no sucede lo que dices. ¿No te estarás confundiendo con la coma que pusiste?

Saludos

[Anarko]

Iniciado por Alexis88

¿No te estarás confundiendo con la coma que pusiste?

Gracias Alex.

Si te refieres a la terminación

Código:

}, false);

así lo ejecuto en mi browser.

No he removido NADA del código, (sí, aún tengo el proyecto en blanco).

Al toparme con ése "misterio" pues lo resuelvo con Math.floor, pero es extraño por lo que comenta Isabel, los pixeles son ENTEROS.

... por que retornar decimales?


Gracias!

[Alexis88]

Lo decía por la coma en medio del mensaje, pero como puedes ver en el enlace que te dejé, hice la prueba y no sucede lo que dices.

¿Podrías mostrarnos una impresión de pantalla de cuando ocurre lo que nos cuentas? Y, si fuera posible, revisa los valores en consola, tanto de los elementos de las restas que haces, así como los resultados de las mismas.

Saludos