获得d3 v4缩放和拖动工作 - 简单的例子

Question

在d3版本4中考虑this code example。

黑色背景上有许多黄色圆圈。

我可以用鼠标拖动圆圈。我也可以使用鼠标滚轮放大和缩小，只要我的鼠标不在圆圈上。

我想解决两个问题：

• 当我在一个圆圈上晃动时，我想放大滚轮。
• 当我放大或缩小图表时拖放不正确 - 圆圈不跟随鼠标。

Answer 1

解决了它。 Here's指向解决方案的要点的链接。

我如何解决每个问题：

• 通过在基础SVG元素上设置缩放处理程序触发器来修复缩放问题，而不是像之前那样覆盖矩形。
• 通过调整拖动功能以考虑当前的缩放级别
来解决拖动问题