coords 속성

정의

coords 속성은 area 요소에서 사용되며, shape 속성이 설명하는 모양에 좌표를 제공합니다. shape 속성default상태를 제외한 모든 속성에 반드시 정수 목록을 정의하여야 합니다.

속성 값

  • circle 상태에서는 coords 속성에 3개의 정수를 선언해야하며, 마지막에 선언하는 정수는 음수가 될 수 없습니다.
    • 첫번째 왼쪽 가장자리부터 원의중심을 픽셀단위로 표시
    • 위쪽부터 원의 중심의 거리를 픽셀단위로 표시
    • 마지막 수는 원의 반지름을 픽셀 단위로 표시
  • polygon 상태에서는 최소한 6개의 정수를 선언해야 하며, 숫자의 갯수는 반드시 짝수이어야 합니다.
    • 짝수로 된 정수의 쌍은 이미지의 왼쪽상단 모서리부터 거리를 픽셀단위로 표시
    • 별, 마름모등 다각형의 꼭지점을 표시
  • rectangle 상태에서는 4개의 정소를 선언해야합니다.
    • 첫번째 값은 세 번째의 값보다 작아야하며, 두번째 값은 네번째 값보다 작아야 합니다.
    • 네개의 값은 각각 모서리의 영역 사이의 거리를 픽셀단위로 표시합니다.

예제

<area shape=rect coords="50,50,100,100" ... >
<area shape=rect coords="25,25,125,125" ... >
<area shape=circle coords="200,75,50" ... >
<area shape=poly coords="325,25,262,125,388,125" ... >
<area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" ... >

예제결과

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

 
html5/attribute/coords.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki