DOMRect

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

Примечание: Эта функция доступна в Потоках Web Workers.

Объект DOMRect описывает размер и положение прямоугольника.

Тип прямоугольника, представленный объектом DOMRect, определяется методом или свойством, которые вернули этот объект. Например, Range.getBoundingClientRect() определяет прямоугольник, охватывающий содержимое диапазона, используя такие объекты.

Он наследует от своего родителя, DOMRectReadOnly.

Конструктор

DOMRect(): Создаёт новый объект DOMRect.

Свойства экземпляра

DOMRect наследует свойства от своего родителя, DOMRectReadOnly. Отличие в том, что они больше не являются только для чтения.

DOMRect.x: Координата x начала DOMRect (обычно верхний левый угол прямоугольника).
DOMRect.y: Координата y начала DOMRect (обычно верхний левый угол прямоугольника).
DOMRect.width: Ширина DOMRect.
DOMRect.height: Высота DOMRect.
DOMRectReadOnly.top: Возвращает значение координаты верхнего края DOMRect (имеет то же значение, что и y, или y + height если height отрицательно).
DOMRectReadOnly.right: Возвращает значение координаты правого края DOMRect (имеет то же значение, что и x + width, или x если width отрицательно).
DOMRectReadOnly.bottom: Возвращает значение координаты нижнего края DOMRect (имеет то же значение, что и y + height, или y если height отрицательно).
DOMRectReadOnly.left: Возвращает значение координаты левого края DOMRect (имеет то же значение, что и x, или x + width если width отрицательно).

Статические методы

DOMRect также может наследовать статические методы от своего родителя, DOMRectReadOnly.

DOMRect.fromRect(): Создаёт новый объект DOMRect с заданным расположением и размерами.

Методы экземпляра

DOMRect может наследовать методы от своего родителя, DOMRectReadOnly.

Спецификации

Спецификация
Geometry Interfaces Module Level 1 # DOMRect

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`DOMRect`	61	79	31	48	10.1	61	31	45	10.3	8.0	61
`DOMRect`	612–61	7912–79	273–27	489.5–48	10.14–11	6118–61	274–27	4510.1–45	10.33.2–11	8.01.0–8.0	612–61
`fromRect_static`	61	79	69	48	10.1	61	79	45	10.3	8.0	61
`height`	2	12	3	9.5	4	18	4	10.1	3.2	1.0	2
`width`	2	12	3	9.5	4	18	4	10.1	3.2	1.0	2
`worker_support`	61	79	69	48	10.1	61	79	45	10.3	8.0	61
`x`	61	79	31	48	10.1	61	31	45	10.3	8.0	61
`y`	61	79	31	48	10.1	61	31	45	10.3	8.0	61

См. также

DOMPoint

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DOMRect