Javascript 将所有SVG元素移动到左上角

我得到了一个SVG元素，我想通过类似以下方式将其与内容相匹配：

var svg = document.getElementsByTagName("svg")[0];
var bb=svg.getBBox();
var bbx=bb.x;
var bby=bb.y;
var bbw=bb.width;
var bbh=bb.height;
var vb=[bbx,bby,bbw,bbh];
svg.setAttribute("viewBox", vb.join(" ") );

但现在我首先要移动左上角的所有元素（边距10px）。在此之后，我想让svg元素以上面所示的方式适合conent

如何将所有图元移动到拐角处

JSfiddle: