HTML의 태그에 대한 이미지 매핑 생성에 대한 자세한 설명

주니어 프론트엔드입니다. 사진에 이미지 매핑을 만들어서 나중에 공부할 친구들에게도 도움이 되었으면 좋겠습니다!

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="poly" coords="23,58,8,59,40,70" alt="Venus" href="venus.htm">
</map>

이 코드에서 모양은 클릭 영역의 모양을 의미하며, 좌표는 이미지 내 링크 영역의 좌표(픽셀 단위)를 의미합니다.

shape
1.ract
2. 원: (중심 좌표는 (X1, y1), 반경은 r입니다.)
3. 다각형: (각 정점의 좌표는 (x1, y1), (x2, y2), (x3, y3)... ....)

위 내용은 HTML의 태그에 대한 이미지 매핑 생성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!