Forked from john-doherty/javascript-trim-svg-whitespace.js
Created
December 12, 2018 21:44
-
-
Save ridixcr/1c03da0c1aee57874c99efae9bb257ed to your computer and use it in GitHub Desktop.
Trim whitespace from SVG elements
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
https://stackoverflow.com/questions/3120739/resizing-svg-in-html