Как убрать лишнюю высоту из SVG img

Question

У меня есть изображение SVG, но оно имеет дополнительную высоту. Я пытался добавить определенную высоту к родительскому div, но это не сработало

Пример

#az_budge_reviews{
  height:200px;
  width:200px;
}

http://jsfiddle.net/Tgm6Y/14946/

Как я могу снять дополнительную высоту?это работает с шириной, но не с высотой

Answer 1

Проверьте код JavaScript в этом JSFiddle: https://jsfiddle.net/knLbjc9a/4/

var svg = document.getElementsByTagName("svg")[0];
var bbox = svg.getBBox();
var viewBox = [bbox.x, bbox.y, bbox.width, bbox.height].join(" ");
svg.setAttribute("viewBox", viewBox);
prompt("Copy to clipboard: Ctrl+C, Enter", svg.outerHTML);

Вы получите новый SVG-код без лишних пробелов сверху (код, на мой взгляд, не совсем чистый, но дает вам хорошую основу для работы).

Кроме того, вам нужно удалить (или установить height: auto;) высоту в вашем CSS-файле.