면적 좌표 속성
예시
이미지 맵에서 특정 영역의 좌표를 가져옵니다.
var x = document.getElementById("venus").coords;
정의 및 사용
coords 속성은 영역의 coords 속성 값을 설정하거나 반환합니다.
coords 속성은 영역의 x 및 y 좌표를 지정합니다.
coords 속성은 shape 속성과 함께 사용되어 영역의 크기, 모양 및 배치를 지정합니다.
팁: 영역의 왼쪽 위 모서리 좌표는 0,0입니다.
팁: 모양 속성을 사용 하여 영역의 모양 속성 값을 설정하거나 반환합니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
coords | Yes | Yes | Yes | Yes | Yes |
통사론
좌표 속성을 반환합니다.
areaObject.coords
좌표 속성을 설정합니다.
areaObject.coords = value
속성 값
Value | Description |
---|---|
x1, y1, x2, y2 | If the shape attribute is set to "rect", it specifies the coordinates of the top-left corner and the bottom-right corner of the rectangle |
x, y, radius | If the shape attribute is set to "circle", it specifies the coordinates of the circle center and the radius |
x1, y1, x2, y2, .., xn, yn | If the shape attribute is set to "poly", it specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser must add the last coordinate pair to close the polygon |
기술적 세부 사항
반환 값: | 쉼표로 구분된 좌표 목록을 나타내는 문자열 |
---|
더 많은 예
예시
이미지 맵에서 특정 영역의 좌표를 변경합니다.
document.getElementById("venus").coords = "90, 58, 3";
관련 페이지
HTML 참조: HTML <area> 좌표 속성
❮ 영역 개체