From ef8f943014a20854c5a0402ccf918e39c1589107 Mon Sep 17 00:00:00 2001 From: alattalatta Date: Fri, 18 Feb 2022 00:10:00 +0900 Subject: Convert DOMRect to md --- files/ko/web/api/domrect/domrect/index.md | 53 ++++++++++---------- files/ko/web/api/domrect/index.md | 80 ++++++++++++++----------------- 2 files changed, 62 insertions(+), 71 deletions(-) (limited to 'files/ko/web') diff --git a/files/ko/web/api/domrect/domrect/index.md b/files/ko/web/api/domrect/domrect/index.md index d889ef40b5..48f0474227 100644 --- a/files/ko/web/api/domrect/domrect/index.md +++ b/files/ko/web/api/domrect/domrect/index.md @@ -11,47 +11,46 @@ tags: - Reference browser-compat: api.DOMRect.DOMRect --- -

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

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

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

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

구문

+## 구문 -
var myDOMRect = new DOMRect(x, y, width, height);
+```js +var myDOMRect = new DOMRect(x, y, width, height); +``` -

파라미터

+### 파라미터 -
-
x
-
DOMRect의 오리진 x좌표.
-
y
-
DOMRect의 오리진 y좌표.
-
width
-
DOMRect의 너비.
-
height
-
DOMRect의 높이.
-
+- x + - : `DOMRect`의 오리진 `x`좌표. +- y + - : `DOMRect`의 오리진 `y`좌표. +- width + - : `DOMRect`의 너비. +- height + - : `DOMRect`의 높이. -

예제

+## 예제 -

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

+새로운 `DOMRect`를 생성하려면 다음과 같이 한 줄의 코드를 실행하면 됩니다. -
myDOMRect = new DOMRect(0,0,100,100);
+```js
+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}}

+{{Compat}} -

같이 보기

+## 같이 보기 - +- {{domxref("DOMPoint")}} +- {{domxref("DOMRect")}} diff --git a/files/ko/web/api/domrect/index.md b/files/ko/web/api/domrect/index.md index 960c33ca4f..f0fc47deec 100644 --- a/files/ko/web/api/domrect/index.md +++ b/files/ko/web/api/domrect/index.md @@ -13,67 +13,59 @@ tags: - Reference browser-compat: api.DOMRect --- -

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

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

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

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

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

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

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

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

{{InheritanceDiagram}}

+{{InheritanceDiagram}} -

생성자

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

속성

+## 속성 -

DOMRect는 부모인 {{domxref("DOMRectReadOnly")}}로부터 상속받습니다. 차이점은 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와 같은 값을 갖습니다).
-
+- {{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")}}로부터 메서드를 상속받습니다.

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

정적 메서드

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

명세

+## 명세 {{Specifications}} -

브라우저 호환성

+## 브라우저 호환성 -

{{Compat}}

+{{Compat}} -

같이 보기

+## 같이 보기 - +- {{domxref("DOMPoint")}} -- cgit v1.2.3-54-g00ecf