image - 获取图像像素坐标的工具

Question

我需要一个工具，当我将鼠标指向图像的特定位置时，它应该给我像素相对于图像的位置。例如，我有一个 720x480 的图像，我的指针在图像的某个位置，那么该工具应该告诉我它是左侧的 x 像素和顶部的 y 像素，即像素的坐标。请帮助！提前致谢！

score 21 · Accepted Answer

In photoshop, the information pannel give you that. I'm pretty sure it's also possible in Gimp.

Or you can make your own tool ! I made you a small example in jsfiddle : http://jsfiddle.net/zz3Rh/19/

The html :

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

The css :

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

The js (with jquery loaded) :

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

BECAUSE WEBTOOLS ARE THE FUTURE !!!! :) (and because this is a forum for developpers)

score 11 · Accepted Answer

几乎每个图像编辑器程序都有这样的功能。例如，尝试打开“The Gimp”中的任何图像，您需要的坐标将显示在窗口的左下角。

如果您使用的是 Linux，您肯定可以从您的包管理应用程序中安装它。如果您使用的是 OSX，您可以从http://gimp.org/下载它，也可以尝试http://gimp-win.sourceforge.net/以获取最新的 Windows 安装程序。

2 回答 2