Geometry interfaces

Geometry interfaces는 3D 및 2D 그래픽 작업, 특히 점, 사각형, 사변형 및 변환 행렬(transformation matrices) (en-US)(그래픽 이동/이동, 크기 조정, 회전, 기울이기/가르기/비틀기 및 뒤집기 작업과 이러한 작업의 곱하기/연결 및 반전/실행 취소 작업)을 위한 인터페이스를 제공하는 CSS 모듈입니다.

웹 개발자는 항상 geometry interfaces를 직접 사용하지 않고 뒤에서 이를 사용하는 다른 기능, 즉 CSS Transforms (en-US)의 일부, Canvas API 및 WebXR Device API (en-US), (더 직접적으로는) VideoFrame.visibleRect (en-US)와 Element.getClientRects(), Element.getBoundingClientRect()를 사용합니다.

인터페이스

DOMMatrix (en-US): 그래픽 이동/이동, 크기 조정, 회전, 기울이기/가르기/비틀기 및 뒤집기 작업과 이러한 작업의 곱하기/연결 및 반전/실행 취소 작업을 위한 변환 행렬 (en-US)을 나타냅니다.
DOMMatrixReadOnly (en-US): DOMMatrix (en-US)의 읽기 전용 버전.
DOMPoint (en-US): 좌표계의 2D 또는 3D 점을 나타내며, 최대 3차원의 좌표 값과 선택적 원근값을 포함합니다.
DOMPointReadOnly (en-US): DOMPoint (en-US)의 읽기 전용 버전.
DOMQuad (en-US): 사변형(quadrilateral)의 모서리를 정의하는 네 개의 DOMPoint (en-US) 객체 모음을 나타냅니다.
DOMRect: 직사각형의 크기와 위치를 나타냅니다.
DOMRectReadOnly (en-US): DOMRect의 읽기 전용 버전.

예제

Path2D.addPath() (en-US) 및 CanvasPattern.setTransform() (en-US) 문서에는 일부 Geometry interfaces를 사용하는 예제가 있습니다.