이미지맵태그 좌표값 읽는 방법

**이미지맵 기본형식**

<img src="이미지주소" usemap="#맵이름">
    <map name-"맵이름">
    <area shape="맵형태" cords="좌표값" href="링크될 주소">
</map>

※ 이미지 맵을 지정하는 영역의 모양이 사각형일 경우, 원형일 경우, 다각형일 경우에 따라 coords속성의 좌표값이 달라진다.

**이미지 맵을 지정하는 영역의 링크 모양이 사각형일 경우**

- 형식
  <area shape="rect" coords="좌측상단의 가로좌표, 좌측상단의 세로좌표,우측하단의 가로좌표,우측하단의 세로좌표" href="링크하여 이동하게 되는 html문서의 파일명">

<area shape="rect" coords="x1,y1,x2,y2" href="링크할 주소">

**이미지 맵을 지정하는 영역의 링크 모양이 원형일 경우**

- 형식
  <area shape="circle" coords="원중심의 가로좌표,원중심의 세로좌표,원의 반지름" href="링크하여 이동하게 되는 html문서의 파일명">

<area shape="rect" coords="x1,y1,x2,R" href="링크할 주소">

**이미지 맵을 지정하는 영역의 링크 모양이 원형일 경우**

- 형식

  <area shape="poly" coords="다각형 꼭지점의 가로좌표1, 다각형 꼭지점의 세로좌표1,다각형 꼭지점의 가로좌표2, 다각형 꼭지점의 세로좌표2,다각형 꼭지점의 가로좌표3, 다각형 꼭지점의 세로좌표3,다각형 꼭지점의 가로좌표4, 다각형 꼭지점의 세로좌표4,..."

href="링크하여 이동하게 되는 html문서의 파일명">

<area shape="poly" coords="x1,y1,x2,y2,x3,y3,x4,y4,x5,y5" href="링크할 주소">