Как получить размеры svg на javascript?
1 ответ
от
fidel ,
7 месяцев назад
@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".
15