Как получить размеры svg на javascript?

Пользователь

от yasmine , в категории: JavaScript , 6 месяцев назад

Как получить размеры svg на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от fidel , 5 месяцев назад

@yasmine 

Вы можете получить размеры svg-элемента, используя свойство getBoundingClientRect() или свойства width и height.


Пример с использованием getBoundingClientRect():

1
2
3
4
5
const svgElement = document.getElementById("mySvg");
const svgWidth = svgElement.getBoundingClientRect().width;
const svgHeight = svgElement.getBoundingClientRect().height;
console.log("Ширина svg: " + svgWidth);
console.log("Высота svg: " + svgHeight);


Пример с использованием свойств width и height:

1
2
3
4
5
const svgElement = document.getElementById("mySvg");
const svgWidth = svgElement.width.baseVal.value;
const svgHeight = svgElement.height.baseVal.value;
console.log("Ширина svg: " + svgWidth);
console.log("Высота svg: " + svgHeight);


Оба примера предполагают, что у вас есть элемент svg с идентификатором "mySvg".