画像ピクセルの座標を取得するツール

Question

私は画像の特定の場所にマウスを置いたときに、画像に対する相対的なピクセルの位置を与えるツールを使用する必要があります。 720x480の画像では、私のポインタは画像のどこかにあります。そして、ツールは、それが左からxピクセル、上からyピクセル、すなわちピクセルの座標であることを教えてください。

Answer 1

ほぼすべての画像編集プログラムにこのような機能があります。たとえば、「Gimp」の画像を開くと、必要な座標がウィンドウの左下隅に表示されます。

Linuxを使用している場合は、パッケージ管理アプリケーションから確実にインストールできます。 OSXを使用している場合は、http://gimp.org/からダウンロードできます。また、最新のWindowsインストーラについてはhttp://gimp-win.sourceforge.net/を試すこともできます。

Answer 2

フォトショップでは、情報チャンネルがそれを提供します。私はGimpでも可能だと確信しています。

あなた自身のツールを作成することもできます。私はjsfiddleであなたの小さな一例を作った：http://jsfiddle.net/zz3Rh/19/

HTML：

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

CSS：（ロードされたjQueryを使って）

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

JS：

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

BECAUSE WEBTOOLSは未来!! :) （これは開発者のためのフォーラムなので）