Trim whitespace from SVG elements

javascript-trim-svg-whitespace.js

function trimSvgWhitespace() {

  // get all SVG objects in the DOM
  var svgs = document.getElementsByTagName("svg");

  // go through each one and add a viewbox that ensures all children are visible
  for (var i=0, l=svgs.length; i<l; i++) {

    var svg = svgs[i],
        box = svg.getBBox(), // <- get the visual boundary required to view all children
        viewBox = [box.x, box.y, box.width, box.height].join(" ");

    // set viewable area based on value above
    svg.setAttribute("viewBox", viewBox);
  }
}

FYI, calling getBBox() only works for inline SVG, not for SVG files embedded using <object> or <embed> (at least in my experience -- I got a NS_ERROR_FAILURE, using Firefox).

Thankkkyoooouuuuuuuuuuu for sharing this.

Thank you!

Thank you a lot.

You really helped me by far!! Thank you so much :D