strumento per ottenere le coordinate di un pixel dell'immagine

Question

Ho bisogno di uno strumento con cui, quando punto il mouse su una particolare posizione di un'immagine, dovrebbe darmi la posizione del pixel relativo all'immagine. Per esempio. Immagine 720x480, il mio puntatore è da qualche parte sull'immagine, quindi lo strumento dovrebbe dirmi che è x pixel da sinistra e y pixel dall'alto ie coordinate del pixel.Per favore aiuto! Grazie in anticipo!

Answer 1

Quasi ogni programma di editor di immagini ha questa caratteristica. Ad esempio, prova ad aprire qualsiasi immagine in "The Gimp", e le coordinate necessarie saranno visualizzate nell'angolo in basso a sinistra della finestra.

Se si utilizza Linux, è possibile installarlo dall'applicazione di gestione dei pacchetti. Se si utilizza OSX, è possibile scaricarlo da http://gimp.org/ e si può anche provare http://gimp-win.sourceforge.net/ per gli ultimi programmi di installazione per Windows.

Answer 2

In Photoshop, il pannello informativo lo fornisce. Sono abbastanza sicuro che sia anche possibile in Gimp.

Oppure puoi creare il tuo strumento! Ti ho fatto un piccolo esempio in jsfiddle: http://jsfiddle.net/zz3Rh/19/

il codice HTML:

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

Il CSS:

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

I js (con jQuery caricati):

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

PERCHE ' I WEBTOOL SONO IL FUTURO !!!! :) (e perché questo è un forum per gli sviluppatori)