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

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

出典

2012-10-11 androidnewbie

私はPhotoshopと他の多くの画像操作プログラムがそうしていると確信しています。しかし、これはプログラミングに関する質問のサイトであり、ソフトウェアパッケージの使用に関する質問ではありません。 –

Dulyは言った。たくさんありがとう。 – androidnewbie

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

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

出典

2012-10-11 13:19:45 alecu

フォトショップでは、情報チャンネルがそれを提供します。私は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は未来!! :) （これは開発者のためのフォーラムなので）

出典

2012-10-11 13:28:55 fabien

+1 @fabien hahahaha nice idea。しかしxとyは画像に関係なく文書に関連して表示されます：（ – MJoraid

nice！私はバウンディングボックスの座標を取得する同様のツールを作成しました：http://nicodjimenez.github.io/boxLabel/annotate.html – nicodjimenez

ありがとう@nicodjimenez。あなたのツールは素晴らしいです！ – Khurram

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

答えて

関連する問題