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

Question

Necesito una herramienta mediante la cual, cuando señalo el mouse en una ubicación particular de una imagen, debería darme la ubicación del píxel en relación con la imagen. Por ejemplo, tengo un Imagen de 720x480, mi puntero está en algún lugar de la imagen, luego 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. ¡Ayuda! ¡Gracias de antemano!

Answer 1

Casi todos los programas de edición de imágenes tienen esta función. 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 brinda eso. Estoy bastante seguro de que también es posible en Gimp.

¡O puede hacer su 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;}​ 

Los js (con jQuery cargado):

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

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