[스크랩] 이미지맵태그_좌표값읽기(coords)

 

이미지 맵을 지정하는 영역의 모양이 사각형일 경우, 원형일 경우, 다각형일 경우에 따라 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="링크할 주소">  

좌표값은 포토샵, 페인트샵, 그림판을 이용하여 값을 읽을 수 있다.

 

   
 

[출처] 18-2 이미지맵태그_좌표값읽기(coords)|작성자 모든길에는끝이있다

출처 : nak0's home

글쓴이 : 오니기리 원글보기

메모 :