使用d3缩放对中并允许拖动

Question

我正在this Block工作。我的代码已经离开了很多，但我遇到了一个问题（我确认在原来的Block上保留了）。

当我添加缩放/平移时，我的力图的中心移动到屏幕的左上角（我可以向下平移到中心）。并且，我无法拖动任何节点。

我添加的缩放代码在svg创建中：

var svg = d3.select("body")
  .append("svg")
  .attr("width", "100%")
  .attr("height", "100%")
  .call(d3.behavior.zoom().on("zoom", function () {
    svg.attr("transform", "translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")")
  }))
  .append("g");

有关如何启动图形中心并允许拖动节点的任何想法吗？