最后，我找到了答案自己通过搜索d3.js缩放到适合的例子，然后我找到了这个职位的解决方案click to view

function zoomFit(paddingPercent, transitionDuration) {
 var bounds = view.node().getBBox();
var parent = view.node().parentElement;
var fullWidth = parent.clientWidth,
  fullHeight = parent.clientHeight;
var width = bounds.width,
  height = bounds.height;
var midX = bounds.x + width / 2,
  midY = bounds.y + height / 2;
if (width == 0 || height == 0) return; // nothing to fit
var scale =
  (0.79 || 0.75) / Math.max(width / fullWidth, height / fullHeight);
var translate = [
  fullWidth / 2 - scale * midX,
  fullHeight / 2 - scale * midY,
];
svg
  .transition()
  .duration(200 || 0)
  .call(
    zoom.transform,
    d3.zoomIdentity.translate(...translate).scale(scale)
  );

}
这段代码的结尾我得到了translate的值和scale这是一个完美的代码缩放到适合只是附加该函数到主组

const root = select("._zoomElement") // main group seletion
  console.log(root.node().getBBox())

我觉得一切都很好