web-dev-qa-db-ja.com

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

マウスを画像の特定の位置に向けると、画像に対するピクセルの位置を示す必要があるツールが必要です。たとえば、720x480の画像がある場合、私のポインターは画像のどこかにありますが、次に、ツールは、左からxピクセル、上からyピクセル、つまりピクセルの座標であることを通知する必要があります。

imagecoordinatespixel
21
androidnewbie

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

または、独自のツールを作成できます！私はあなたにjsfiddleの小さな例を作りました： http://jsfiddle.net/zz3Rh/19/

Html：

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

Css：

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

Js（jqueryがロードされた状態）：

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

WEBTOOLSは未来だから!!!! :)（これは開発者向けのフォーラムであるため）

19
fabien

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

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

7
alecu