Измените файлы SVG, включив в тег SVG ширину и высоту графики.

Question

У меня много SVG-файлов (несколько графических изображений, таких как собаки, деревья, птицы, здания и т. Д.), И они взяты из разных источников из Интернета.Мне нужно определить height и width этих SVG.

Файл примера:

<svg id="svg1" viewBox="0 0 36 33" xmlns="http://www.w3.org/2000/svg">
 <path d="m18 0.0938-17.719 16.281h5.5625v15.531h24.312v-15.531h5.5625l-17.719-16.281z"/>
</svg>

Я получаю ширина и высота этого:

var svg1 = document.getElementById('svg1');
console.log('client', svg1.clientWidth + 'x' + svg1.clientHeight);

А затем изменил файл с результатами:

<svg width="630" height="577" viewBox="0 0 36 33" xmlns="http://www.w3.org/2000/svg">
 <path d="m18 0.0938-17.719 16.281h5.5625v15.531h24.312v-15.531h5.5625l-17.719-16.281z"/>
</svg>

У меня есть опыт работы с javascript и c #, но я не знаю, как этого добиться.

PS: Причина, по которой мне это нужно: мой плагин WordPress для разработки пользовательских продуктов использует SVG-файлы для разработки пользовательских продуктов, но эти SVG-файлы должны иметь width и height, чтобы мой плагин работал правильно.

Answer 1

если вы используете SVG из material-ui, оберните его внутри IconButton (и определите здесь высоту и ширину).SVG принимает размеры родителя.