如何从 SVG img 中删除额外的高度

【问题标题】：How to remove Extra height from SVG img如何从 SVG img 中删除额外的高度
【发布时间】：2019-01-31 09:43:31
【问题描述】：

我有 SVG 图像，但它有额外的高度我试图将特定高度添加到父 div 但它不起作用

例子

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

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

如何去除多余的高度？它适用于宽度但不适用于高度

【问题讨论】：

你可能需要调整viewbox

标签： html image css svg

【解决方案1】：

查看此 JSFiddle 中的 JavaScript 代码：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 文件中的高度。

【讨论】：