使用d3.js中的弧形链接在力布局中拖动背景拖动

Question

我是d3.js的新手，所以请帮我解决这个问题。缩放功能在鼠标悬停在节点上时工作，而不是在背景上，并且背景的拖动也不能在强制布局中使用d3.js的弧链接。这是我创建的示例jsfiddle project。我看过可以拖动背景的example。

yield is not defined

Answer 1

更新了svg对象并添加了叠加样式，现在我可以放大背景并且背景的拖曳也有效。更新了 example提到了这个问题。

 svg.append("rect").attr("class", "overlay").attr("width", width).attr("height", height);

.overlay {fill: none; height="500";  width="1200"; pointer-events: all;}