DOMQuad: метод getBounds()

Базовая Широко поддерживается

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

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

Метод DOMQuad getBounds() возвращает объект DOMRect, представляющий наименьший прямоугольник, полностью содержащий объект DOMQuad.

Синтаксис

getBounds()

Параметры

Нет.

Возвращаемое значение

Объект DOMRect с свойствами x, y, width и height, определяющими прямоугольник, ограничивающий DOMQuad, основанный на координатах его углов.

Примеры

В этом примере создается объект DOMQuad с четырьмя точками, а затем извлекается его ограничивающий прямоугольник.

const quad = new DOMQuad(
  { x: 40, y: 25 },
  { x: 180, y: 8 },
  { x: 210, y: 150 },
  { x: 10, y: 180 },
);

const quadBounds = quad.getBounds();

An irregular quadrilateral with none of the sides being vertical or horizontal. Its four corners are marked with red circles. Around this quadrilateral is a dashed rectangle. All sides of this rectangle are vertical or horizontal and tangent the quadrilateral.

На рисунке показан неправильный четырехугольник, представленный объектом DOMQuad. Четыре красных круга представляют атрибуты DOMPoint p1 до p4. Пунктирный прямоугольник представляет ограничивающий прямоугольник, возвращаемый методом getBounds() объекта DOMQuad.

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

Спецификация
Модуль уровня 1 интерфейсов геометрии # dom-domquad-getbounds

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`getBounds`	61	79	62	48	11	61	62	45	11	8.0	61

© 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/DOMQuad/getBounds