html 이미지맵 좌표 잡기 애매할때


요즘코딩을 하다보면 종종 이미지맵을 사용하는 경우가 있다.

근데 정확하게 이미지맵이 웹표준인지는 잘모르겠다.

하지만 대부분의 브라우저에서 지원하고 동작하고 있고 또한 포토샵을 전혀 다룰줄

모르는 나로서는 때로는 매우 유용한 태그중 하나이다.


하지만 문제는 무었이냐? 바로 좌표를 잡는일!

이게 나로서는 하다보면 노하우가 생겨 대충 x,y좌표만 가지고도 대충 계산 때려서 

잡기도 하긴 한다만 ( 해보면 알겠지만 참 뻘짓이다; ) 조금더 쉬운방법을 찾고자

찾아본 결과 웹사이트를 이용한 방법이 있길래 공유해 본다.


먼저 아래 사이트를 접속해 보길 바란다.

http://www.maschek.hu/imagemap/imgmap




위 주소로 접속하게 되면 위와같은 사이트가 펼쳐진다.

어리둥절해 할 필요가 없다. 우선, 파일선택으로 좌표를 잡을 이미지를 업로드 시킨후에

우측에 accept 버튼을 누르게 되면 하단에 업로드한 이미지가 출력되는데 거기서 마우스 

드래그로 원하는 영역을 잡아 좌표를 잡을수 있다!

직접 한번 해보면 어렵지 않다는 것을 알수 있을것이다.





Posted by 잘살고있다
,