D3.js 让D3V4缩放和拖动一起工作-简单示例

考虑d3版本4

黑色背景上覆盖着许多黄色圆圈

我可以用鼠标拖动圆圈。我还可以使用鼠标滚轮进行放大和缩小，前提是我的鼠标不在圆上

我想解决两个问题：

• 当鼠标滑过一个圆圈时，我想在按下滚轮时放大
• 当我放大或缩小图形时，拖放是不正确的-圆圈不跟随鼠标
  解决了这个问题。链接到要点和解决方案
  我如何解决每个问题：
  • 通过在底层SVG元素上触发缩放处理程序，而不是像以前那样的重叠矩形，可以修复缩放问题
  • 通过调整拖动功能，将当前缩放级别考虑在内，解决了拖动问题
  解决了这个问题。链接到要点和解决方案
  我如何解决每个问题：
  • 通过在底层SVG元素上触发缩放处理程序，而不是像以前那样的重叠矩形，可以修复缩放问题
  • 通过调整拖动功能，将当前缩放级别考虑在内，解决了拖动问题