image - seguimiento - pixel paginas web

Herramienta para obtener las coordenadas de un píxel de imagen

Question

Necesito una herramienta que use, cuando apunto el mouse a una ubicación particular de una imagen, debería indicarme la ubicación del píxel con respecto a la imagen. Por ejemplo, si tengo una imagen de 720x480, mi puntero está en algún lugar de la imagen. entonces la herramienta debería decirme que es x píxeles desde la izquierda y y píxeles desde la parte superior, es decir, las coordenadas del píxel. ¡Por favor, ayuda! ¡Gracias de antemano!

Answer 1

Casi todos los programas de edición de imágenes tienen esta característica. Por ejemplo, intente abrir cualquier imagen en "The Gimp", y las coordenadas que necesita se mostrarán en la esquina inferior izquierda de la ventana.

Si está utilizando Linux, seguramente puede instalarlo desde su aplicación de administración de paquetes. Si está utilizando OSX, puede descargarlo desde http://gimp.org/ y también puede probar http://gimp-win.sourceforge.net/ para obtener los últimos instaladores para Windows.

Answer 2

En photoshop, el panel de información le da eso. Estoy bastante seguro de que también es posible en Gimp.

¡O puedes hacer tu propia herramienta! Te hice un pequeño ejemplo en jsfiddle: http://jsfiddle.net/zz3Rh/19/

El html:

<div id="image">image</div>
coordinates :
<div id="coordinates">0</div>​

El css:

#image{ height:350px; background:#c00;}​

El js (con jquery cargado):

$(function(){
$(document).mousemove(function(e){
$(''#coordinates'').html(''x: '' + e.pageX + '' y : '' + e.pageY);
});
})

PORQUE LAS WEBTOOLS SON EL FUTURO !!!! :) (y porque este es un foro para desarrolladores)