Obtaining an original SVG viewBox via javascript

Question

Our system loads SVG files programmatically into HTML via AJAX. A typical SVG file begins with:

Answer 1

You'll want to take a look at the SVGFitToViewBox interface, which specifies the viewBox property. The interface for svg elements, SVGSVGElement, extends that interface, so this property is available on the element objects:

const svgElement = document.getElementById("example-svg");
const {x, y, width, height} = svgElement.viewBox.baseVal;