工具來獲取圖像像素的座標

Question

我需要一個工具，當我將鼠標指向圖像的特定位置時，它應該給出像素相對於圖像的位置。對於ex.i，我有一個工具720x480的圖像，我的指針是在圖像上的某個地方，那麼工具應該告訴我它是從左邊的x像素和從頂部的y像素，即像素的座標。請幫助！提前致謝！

Answer 1

幾乎每個圖像編輯程序都有這樣的功能。例如，嘗試打開「The Gimp」中的任何圖像，並且您需要的座標將顯示在窗口的左下角。

如果您使用的是Linux，您肯定可以從您的軟件包管理應用程序安裝它。如果您使用的是OSX，則可以從http://gimp.org/下載，也可以嘗試http://gimp-win.sourceforge.net/獲取Windows的最新安裝程序。

Answer 2

在photoshop中，信息pannel會給你。我很確定這在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); 
    }); 
}) 

BECAUSE WEBTOOLS是未來！ :) （因爲這是一個開發人員論壇）