DOMRect
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
DOMRect 인터페이스는 직사각형의 크기와 위치를 나타냅니다.
DOMRect가 나타내는 사각형의 유형은 DOMRect를 반환한 메서드나 속성이 지정합니다. 예를 들어 WebVR API의 VREyeParameters.renderRect는, 헤드 마운트 디스플레이에서 한쪽 눈의 뷰포트가 캔버스의 어디에 위치하는지 나타냅니다.
부모인 DOMRectReadOnly을 상속합니다.
생성자
DOMRect()-
새로운
DOMRect객체를 생성합니다.
속성
부모인 DOMRectReadOnly의 속성을 상속합니다. 읽기 전용 속성이 아니라는 차이점이 있습니다.
DOMRectReadOnly.x-
DOMRect원점의 X 좌표입니다. 원점은 보통 직사각형의 왼쪽 상단 꼭지점입니다. DOMRectReadOnly.y-
DOMRect원점의 Y 좌표입니다. 원점은 보통 직사각형의 왼쪽 상단 꼭지점입니다. DOMRectReadOnly.width-
DOMRect의 너비입니다. DOMRectReadOnly.height-
DOMRect의 높이입니다. DOMRectReadOnly.top-
DOMRect위쪽 모서리의 Y 좌표입니다.y또는,height가 음수인 경우,y + height와 같은 값입니다. DOMRectReadOnly.right-
DOMRect오른쪽 모서리의 X 좌표입니다.x또는,width가 음수인 경우,x + height와 같은 값입니다. DOMRectReadOnly.bottom-
DOMRect아래쪽 모서리의 Y 좌표입니다.y + height또는,height가 음수인 경우,y와 같은 값입니다. DOMRectReadOnly.left-
DOMRect왼쪽 모서리의 X 좌표입니다.x + width또는,width가 음수인 경우,x와 같은 값입니다.
메서드
부모인 DOMRectReadOnly의 메서드를 상속합니다.
정적 메서드
DOMRectReadOnly.fromRect()-
주어진 위치와 면적을 갖는 새로운
DOMRect객체를 생성합니다.
명세
| Specification |
|---|
| Geometry Interfaces Module Level 1 # DOMRect |
브라우저 호환성
BCD tables only load in the browser