Описание тега getboundingclientrect

2 ответа

C# API для кукловода

Есть ли C# API для использования Puppeteer? Вариант использования: необходимо получить координаты / ограничивающую рамку для HTML. Мог бы использовать Selenium + PhantomJS, но, учитывая проблемы нестабильности PhantomJS, мы хотим попробовать Puppete…
0 ответов

getBoundingClientRect из SVG в Internet Explorer 10 и 11

У меня есть карта США с каждым штатом и его аббревиатурой в группе, которая находится внутри тега. Используя php перед загрузкой страницы, ссылки состояния помечаются как активные или неактивные в зависимости от того, есть ли в этом месте расположен…
1 ответ

Вычисление transform-origin двух перекрывающихся элементов

У меня есть изображение (обозначено зеленым цветом), наложенное на прямоугольник (обозначено синим цветом), и изображение будет transform: scale()в размере. Когда это происходит, мне нужны все края изображения, чтобы завершить их преобразование одно…
03 июл '18 в 05:30
1 ответ

Самый быстрый способ определить фактическую визуализированную высоту некоторого элемента DOM, которого нет в документе

Мне нужно создать некоторый элемент DOM и рассчитать их фактическую визуализированную высоту. Я пишу некоторый код, чтобы сначала создать их все и вставить в документ, а затем вычислить их высоту с помощью метода getBoundingClientRect. Но количество…
0 ответов

getBoundingClientRect() в iframe

Предположим, у меня есть div в iframeи я хочу узнать его левую позицию от внешнего фрейма (основной видовой экран), затем делает getBoundingClientRect() вернуть левое расстояние от своего внутреннего видового экрана или внешнего видового экрана? И е…
24 сен '18 в 05:21
1 ответ

Как назвать переменную, содержащую boundingClientRect элемента?

Как назвать переменную, содержащую результат getBoundingClientRect() функция для данного элемента. Теперь я всегда использую такие имена, как sendButtonBoundingClientRect или же changeFontPanelBoundingClientRect но с этим соглашением об именах имена…
3 ответа

JavaScript canvas - clearImage() - canvas.getBoundingClientRect

Я не могу очистить изображение курсора (canvas.getBoundingClientRect) после перемещения курсора по элементу canvas! Я остался со следом добавленных изображений на холсте. Как я могу очистить след добавленных изображений и по-прежнему сохранять мой н…
16 ноя '15 в 15:18
2 ответа

getBoundingClientRect не работает должным образом на теле после преобразования

$( document ).ready(function() { $('body').append('<div id="tester2"></div>'); $('#tester2').css({ position:'absolute', background:'blue', width: 10, height:10 }); setInterval(function(){ var x = $('#tester')[0].getBoundingClientRect();…
14 ноя '17 в 10:10
1 ответ

Расположение наконечника инструмента относительно верхней позиции элемента SVG

Я застрял с этим: Я получил сгенерированный Рафаэлем SVG-график с более чем 300 полигонами. Я хочу отобразить всплывающую подсказку при наведении курсора на многоугольник. Я бы хотел, чтобы всплывающая подсказка располагалась рядом с тропой. Пока вс…
08 янв '18 в 14:57
1 ответ

Альтернатива getBoundingClientRect()

Я использую document.body.getBoundingClientRect(). Right, чтобы найти то, что все элементы в моей верхней навигации выходят из поля зрения, чтобы скрыть их и поместить их в выпадающий список "More". Но эта функция, похоже, не работает в сафари. Есть…
02 авг '17 в 14:14
1 ответ

"menu > li:first-child" как переменная для "getBoundingClientRect().left"

У меня есть следующая иерархия: menu > li:first-child menu > li:nth-child(2) menu > li:nth-child(3) menu > li:nth-child(4) menu > li:nth-child(5) menu > li:nth-child(6) menu > li:nth-child(7) menu > li:nth-child(8) menu > …
1 ответ

Находится ли элемент за внутренней вложенной прокруткой

Как определить, является ли элемент внутри прокручиваемого блока видимым для пользователя (то есть находится в видимой области прокручиваемого родителя)? Есть ли универсальное решение, не включающее итерации по всем родительским узлам с прокруткой? …
14 июн '13 в 08:46
1 ответ

Поддержка браузером свойств ширины и высоты getBoundingClientRect?

Я только что обнаружил и очень люблю getBoundingClientRect потому что он включает в себя субпиксельную точность. Это позволило мне создать согласованное выравнивание, даже если пользователь вводит Ctrl + или Ctrl+-. Имеет свойства top, bottom, left,…
1 ответ

Попытка использовать getBoundingClientRect() для добавленного элемента программно возвращает ширину и высоту 0

Я пытаюсь получить getBoundingClientRect() из object элемент, который я только что добавил в body, но это возвращает width а также height 0. В настоящее время я исправил проблему, добавив SVG к HTML, содержащему ту же картинку, и установил видимость…
18 фев '19 в 15:15
1 ответ

getBoundingClientRect для обнаружения видимости

Предыстория: в настоящее время я работаю над проектом, в котором мое приложение JS встроено в несколько других (родительских) приложений JS. Некоторые родительские приложения могут показать / скрыть мое приложение, установив display:block/none для н…
03 фев '15 в 20:20
1 ответ

getBoundingClientRect() возвращает одинаковые значения для всех элементов

Я создаю легенду для своего графика. Мне нужно динамически выбирать значения x для разных элементов, основываясь на ширине предыдущего элемента. Я использую getBoundingClientRect() для этого. Проблема в том, что он возвращает одинаковые значения для…
02 май '18 в 02:39
1 ответ

Почему свойства этого объекта (DOMRect) недоступны для стандартных функций Javascript?

function test(o) { console.log("Object:", o); console.log("Assign test:", Object.assign({}, o)); console.log("Keys test:", Object.keys(o)); console.log("JSON test:", JSON.stringify(o)); } var el = document.getElementById("question"); /* or document.…
10 мар '17 в 08:02
1 ответ

Понимание getBoundingClientRect для элементов вне области просмотра

У меня есть горизонтальная полоса прокрутки, как вы можете видеть здесь... http://codepen.io/anon/pen/rxxEQb Это работает довольно хорошо, за исключением того, что вы можете прокрутить вправо до бесконечности. Чтобы ограничить прокрутку вправо (чтоб…
27 дек '15 в 16:13
0 ответов

GetBoundingClientRect не работает за пределами окна

Я делаю сценарий, который должен измерять расстояния в сообщении. Например, если у меня есть три сообщения: Пост 1: две строки текста, затем изображение, которое я хочу увидеть. Пост 2: Просто изображение, которое я хочу увидеть. Пост 3: изображение…
1 ответ

jQuery в IE11 - разница между $(document).width() и $("html").width()

Итак, у меня есть это в IE11... Вокруг (думаю...) console.log($(document).width()); // 808px; НЕ КРУГЛЫЙ console.log($("html")[0].getBoundingClientRect().width); // 807.30993px; КРУГЛЫЙ ВНИЗ (или до ближайшего целого числа) console.log($("html").wid…