使用d3.zoom（）时如何设置初始位置和比例

Question

我正在运行以下代码；

const svg = d3
  .select("svg")
  .call(
    d3
      .zoom()
      .wheelDelta(this.delta)
      .on("zoom", function() {
        svg.attr("transform", d3.event.transform);
      })
  )
  .append("g")
  .attr("id", "tree-container");

稍后，我添加了d3树布局以插入g.tree-container。初始树节点绘制在左上方。理想情况下，我希望初始节点位于svg中心附近的某个地方

我在这里看； D3.js Set initial zoom level

但是无法使其与我的代码一起使用，并且我不太了解发生了什么。

（我相信我正在使用d3 5.7版）