From 7ce877f1f3fed0882e37753a37968f62c8ef618c Mon Sep 17 00:00:00 2001 From: "SeulGi Choi(Chase)" Date: Tue, 28 Sep 2021 10:56:05 +0900 Subject: [ko] add DOMRect for ko (#2429) * l10n: add DOMRect for ko * fix typo Co-authored-by: SoHyun Park Co-authored-by: SoHyun Park --- files/ko/web/api/domrect/domrect/index.html | 57 +++++++++++++++++++++ files/ko/web/api/domrect/index.html | 79 +++++++++++++++++++++++++++++ 2 files changed, 136 insertions(+) create mode 100644 files/ko/web/api/domrect/domrect/index.html create mode 100644 files/ko/web/api/domrect/index.html (limited to 'files/ko/web/api') diff --git a/files/ko/web/api/domrect/domrect/index.html b/files/ko/web/api/domrect/domrect/index.html new file mode 100644 index 0000000000..d889ef40b5 --- /dev/null +++ b/files/ko/web/api/domrect/domrect/index.html @@ -0,0 +1,57 @@ +--- +title: DOMRect() +slug: Web/API/DOMRect/DOMRect +tags: + - API + - Constructor + - DOM Reference + - DOMRect + - Experimental + - Geometry + - Reference +browser-compat: api.DOMRect.DOMRect +--- +

{{APIRef("DOM")}}{{ SeeCompatTable() }}

+ +

DOMRect() 생성자는 새로운 {{domxref("DOMRect")}} 객체를 생성합니다.

+ +

구문

+ +
var myDOMRect = new DOMRect(x, y, width, height);
+ +

파라미터

+ +
+
x
+
DOMRect의 오리진 x좌표.
+
y
+
DOMRect의 오리진 y좌표.
+
width
+
DOMRect의 너비.
+
height
+
DOMRect의 높이.
+
+ +

예제

+ +

새로운 DOMRect를 생성하려면 다음과 같이 한 줄의 코드를 실행하면 됩니다.

+ +
myDOMRect = new DOMRect(0,0,100,100);
+// 콘솔에서 'myDOMRect'를 실행하면 다음을 반환합니다
+// DOMRect { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 }
+
+ +

명세

+ +{{Specifications}} + +

브라우저 호환성

+ +

{{Compat}}

+ +

같이 보기

+ +
    +
  • {{domxref("DOMPoint")}}
    • +
  • {{domxref("DOMRect")}}
    • +
diff --git a/files/ko/web/api/domrect/index.html b/files/ko/web/api/domrect/index.html new file mode 100644 index 0000000000..960c33ca4f --- /dev/null +++ b/files/ko/web/api/domrect/index.html @@ -0,0 +1,79 @@ +--- +title: DOMRect +slug: Web/API/DOMRect +tags: + - API + - DOM + - DOM Reference + - DOMRect + - Geometry + - Geometry Interfaces + - Interface + - Rectangle + - Reference +browser-compat: api.DOMRect +--- +

{{draft}}{{APIRef("Geometry Interfaces")}}

+ +

DOMRect는 사각형의 크기와 위치를 나타냅니다.

+ +

DOMRect가 표현하는 박스의 타입은 이를 반환한 메서드나 속성에 의해 정해집니다. 예를 들어, WebVR API의 {{domxref("VREyeParameters.renderRect")}}는 렌더링되어야 할 헤드 마운트 디스플레이의 한쪽 눈에 대한 비주얼을 canvas의 뷰포트로 지정합니다.

+ +

부모인 {{domxref("DOMRectReadOnly")}}로부터 상속받습니다.

+ +

{{InheritanceDiagram}}

+ +

생성자

+ +
+
{{domxref("DOMRect.DOMRect","DOMRect()")}}
+
새로운 DOMRect 객체를 생성합니다.
+
+ +

속성

+ +

DOMRect는 부모인 {{domxref("DOMRectReadOnly")}}로부터 상속받습니다. 차이점은 DomRect가 더 이상 읽기 전용이 아니라는 것입니다.

+ +
+
{{domxref("DOMRectReadOnly.x")}}
+
DOMRect의 오리진(보통 사각형의 왼쪽 상단 코너) x 좌표.
+
{{domxref("DOMRectReadOnly.y")}}
+
DOMRect의 오리진(보통 사각형의 왼쪽 상단 코너) y 좌표.
+
{{domxref("DOMRectReadOnly.width")}}
+
DOMRect의 너비.
+
{{domxref("DOMRectReadOnly.height")}}
+
DOMRect의 높이.
+
{{domxref("DOMRectReadOnly.top")}}
+
DOMRect의 상단 좌표를 반환합니다(height가 음수라면 y, 또는 y + height와 같은 값을 갖습니다).
+
{{domxref("DOMRectReadOnly.right")}}
+
DOMRect의 오른쪽 좌표를 반환합니다(width가 음수라면 x + width, 또는 x와 같은 값을 갖습니다).
+
{{domxref("DOMRectReadOnly.bottom")}}
+
DOMRect의 하단 좌표를 반환합니다(height가 음수라면 y + height, 또는 y와 같은 값을 갖습니다).
+
{{domxref("DOMRectReadOnly.left")}}
+
DOMRect의 왼쪽 좌표를 반환합니다(width가 음수라면 x, 또는 x + width와 같은 값을 갖습니다).
+
+ +

메서드

+ +

DOMRect는 부모인 {{domxref("DOMRectReadOnly")}}로부터 메서드를 상속받습니다.

+ +

정적 메서드

+ +
+
{{domxref("DOMRectReadOnly.fromRect()")}}
+
주어진 위치와 면적을 갖는 새로운 DOMRect 객체를 생성합니다.
+
+ +

명세

+ +{{Specifications}} + +

브라우저 호환성

+ +

{{Compat}}

+ +

같이 보기

+ +
    +
  • {{domxref("DOMPoint")}}
    • +
-- cgit v1.2.3-54-g00ecf