Area coords 속성

HTML DOM Area

정의 및 사용법

coords 속성은区域的 설정 또는 반환 coords 속성 의 값.

coords 속성은区域的 x 및 y 좌표를 정의합니다.

coords 속성과 shape 속성과 함께区域的 크기, 형상 및 위치를 정의합니다.

ヒント:区域的 왼쪽 상단 좌표는 0,0입니다.

ヒント:사용하세요 shape 속성 区域的 설정 또는 반환 shape 속성 값.

예제

예제 1

이미지 맵에서 특정区域的 좌표 가져오기:

var x = document.getElementById("venus").coords;

직접 시도해 보세요

예제 2

이미지 맵에서 특정区域的 좌표 변경:

document.getElementById("venus").coords = "129,161,10";

직접 시도해 보세요

문법

coords 속성 반환:

areaObject.coords

coords 속성 설정:

areaObject.coords = value

속성 값

값 설명
x1, y1, x2, y2 shape 속성이 "rect"로 설정되면, 사각형의 왼쪽 상단과 오른쪽 하단 좌표를 정의합니다.
x, y, radius shape 속성이 "circle"로 설정되면, 원의 중심 좌표와 반지름을 정의합니다.
x1, y1, x2, y2, ..,, xn, yn

shape 속성이 "poly"로 설정되면, 다각형의 경계선 좌표를 정의합니다.

첫 번째와 마지막 좌표 쌍이 다를 경우, 브라우저는 다각형을 닫기 위해 마지막 좌표 쌍을 추가해야 합니다.

기술 세부 사항

반환 값: 콤마로 구분된 좌표 목록을 나타내는 문자열 값.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원

관련 페이지

HTML 참조 가이드:HTML <area> coords 속성

HTML DOM Area