Реальные размеры svg на экране

@zasadadada · Регистрация: 03.05.2013

Author24 — интернет-сервис помощи студентам

Скажите пожалуйста, как получить реальные размеры svg на экране? Делаю так

Javascript

    var el   = document.getElementById("index_head_icons"); // or other selector like querySelector()
    var rect = el.getBoundingClientRect(); // get the bounding rectangle
    console.log(rect);
    
    console.log($("#index_head_icons").width());
    console.log($("#index_head_icons").height());

Выводит не те числа, или те но очень не похоже, длинный узкий блок, пишет 300px на 150px. Не сходится.

@Fedor92 · 07.03.2017, 12:51

zasadadada, только вчера тема была: Получить значения "style" из html-файла в переменную js-файла. Как? 3 пост читайте особенно внимательно...

@zasadadada · 07.03.2017, 12:56 **[ТС]**

Там не так то всё просто, нужно ещё распечатать object и там уже выбрать объект... делаю вот так

HTML5

1 2	<object id="index_icons" class="pa z1" style="" type="image/svg+xml" data="<?echo $rp . "/images/svg/index_icons.svg";?>"> </object>

Делаю вот так

Javascript

1
2
3

    var object = document.getElementById("index_icons"); //получаем элемент object
    var svgDocument = object.contentDocument; //получаем svg элемент внутри object
    var svgElement = svgDocument.getElementById("bg"); //получаем любой элемент внутри svg

а далее непонтяно

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	07.03.2017, 12:51	2
	zasadadada, только вчера тема была: Получить значения "style" из html-файла в переменную js-файла. Как? 3 пост читайте особенно внимательно... 0

	07.03.2017, 12:56