이미지 픽셀의 좌표를 얻는 도구

Question

이미지의 특정 위치에서 마우스를 가리킬 때 이미지를 기준으로 픽셀의 위치를 ​​지정해야하는 도구가 필요합니다. 예를 들어, 720x480 이미지에서 내 포인터가 이미지 어딘가에 있으면 툴이 픽셀의 왼쪽 상단에서 x 픽셀, 즉 픽셀의 상단에서 y 픽셀까지 말해야합니다. 도움을 청하십시오! 미리 감사드립니다!

Answer 1

거의 모든 이미지 편집기 프로그램에는 이러한 기능이 있습니다. 예를 들어 "김프"에서 이미지를 열면 필요한 좌표가 창의 왼쪽 하단에 나타납니다.

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); 
    }); 
}) 

때문에 웹 도구는 미래 !! :) (그리고 이것은 개발자를위한 포럼이기 때문에)