javascript - D3 鼠标滚轮缩放方向

Question

我正在尝试在 d3.js 中创建一些自定义缩放功能。目前，只需单击一次即可触发缩放，并放大以仅聚焦于单击的区域。

目前我的代码有一个函数zoom(d)，它完全可以完成它所需要的工作。还有一个 var ZoomTransition 位于 Zoom() 内部，负责大部分功能。不幸的是，我无法分享我的大部分代码。

缩放还需要在鼠标滚动时进行。我遇到的困难是:

        .on("wheel", function(d){
            zoom(d);
        });

忽略滚轮方向。之所以调用“缩放”，是因为滚轮向内或向外滚动。

有什么方法可以访问滚动方向并将其传递给 Zoom() 吗？或者有更好的方法来做到这一点？

Answer 1

正在寻找这个:

.on("wheel", function(d){
            var direction = d3.event.wheelDelta < 0 ? 'down' : 'up';
            zoom(direction === 'up' ? d : d.parent);
        });

比 d3 更多的是 javascript，但这就是您访问滚轮信息的方式。