web-dev-qa-db-fra.com

outil pour obtenir les coordonnées d'un pixel d'image

J'ai besoin d'un outil qui, lorsque je pointe la souris sur un emplacement particulier d'une image, devrait me donner l'emplacement du pixel par rapport à l'image.Par exemple, j'ai une image 720x480, mon pointeur est quelque part sur l'image, alors l'outil devrait me dire qu'il s'agit de x pixels à partir de la gauche et de y pixels à partir du haut, c'est-à-dire les coordonnées du pixel.Veuillez aider! Merci d'avance!

imagecoordinatespixel
21
androidnewbie

Dans Photoshop, le panneau d'informations vous donne cela. Je suis presque sûr que c'est aussi possible dans Gimp.

Ou vous pouvez créer votre propre outil! Je vous ai fait un petit exemple dans jsfiddle: http://jsfiddle.net/zz3Rh/19/

Le html:

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

Le css:

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

Le js (avec jquery chargé):

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

PARCE QUE LES WEBTOOLS SONT L'AVENIR !!!! :) (et parce que c'est un forum pour les développeurs)

19
fabien

Presque tous les programmes d'édition d'images ont une telle fonctionnalité. Par exemple, essayez d'ouvrir n'importe quelle image dans "The Gimp", et les coordonnées dont vous avez besoin apparaîtront dans le coin inférieur gauche de la fenêtre.

Si vous utilisez Linux, vous pouvez sûrement l'installer à partir de votre application de gestion de paquets. Si vous utilisez OSX, vous pouvez le télécharger à partir de http://gimp.org/ et vous pouvez également essayer http://gimp-win.sourceforge.net/ pour les derniers installateurs pour Windows.

7
alecu