이미지맵을 쉽게 잡아주는 이미지맵 프로그램

이번에 소개할 프로그램은 이미지맵을 쉽게 잡아주는 프로그램입니다 !

프로그램이라기 보다는 사이트에 가깝겠네요~

항상 이미지맵을 잡을때 이미지의 좌표를 하나하나 따면서 입력하고 하기가 너무 귀찬하요 ㅠ

그래서 이미지맵을 쉽게 잡아줄 사이트를 추천합니다 ~

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

mascheck 이라는 사이트의 기능중 하나입니다 ~

이미지를 업로드 하거나 자신이 가진 이미지의 링크를 넣어 이미지를 불러온후에 영역을 네모,원형,다각형으로 원하는데로 지정하여

map 에 대한 area를 html로 반환해 줍니다 ~

사용법은 아래와 같습니다.

1. 우선 select souce 부분에 자신이 가지고 있는 이미지의 파일을 업로드 하거나 링크를 적어서 사용합니다.

Use an image on your computer : 파일을 찾은후 업로드 하여 accept 를 눌러 반영합니다

Or an image on the Internet : 이미지의 url 경로를 입력하여 accept 눌러 이미지를 불러옵니다.

Or use a sample image : 사이트가 가지고 있는 샘플 이미지를 이용합니다.

2. 이미지 불러왔으면 Image map areas 부분에 원하는 속성을 선택하여 이미지에 클릭하여 지정해 줍니다.

3. Image map areas 부분에 원하는 부분데로 지정이 끝났으면 

아래에 Code 부분에 해당 이미지에 대한 map HTML tag 가 나오게 되어

해당 부분을 그대로 복사해다가 붙여넣어 사용하시면 됩니다 ~ ㅎ