【JavaScript】SVGでviewBoxを調整して余白をトリミングする

viewBoxと比べて余白があるSVGに対して、viewBoxを調整して余白をトリミングしたい時。

const svg = document.querySelector('svg');
const { x, y, width, height } = svg.getBBox();

svg.viewBox = [x, y, width, height].join(' ');

SVGGraphicsElement.getBBox()で取得した座標とサイズをviewBoxに設定すればよい。