javascript - 不使用鼠标滚轮缩小 D3 Force-Directed Graph

Question

我已经在力导向图上实现了缩放

svg.call(d3.behavior.zoom().on("zoom", rescale))


function rescale() {
        var trans = d3.event.translate;
        var scale = d3.event.scale;

        svg.attr("transform",
            "translate(" + trans + ")"
                + " scale(" + scale + ")");
    }

可以使用鼠标滚轮或双击它来放大图形。我需要一些建议如何在不使用鼠标滚轮的情况下实现缩小。

Answer 1

Shift-双击应该缩小。

Answer 2

如果您使用的是配备触控板的 Mac，则缩放手势实际上是 Mac 滚动手势：用两根手指向上滚动放大，用两根向下滚动缩小 - 假设 Preferences 中的 Scroll direction 设置为unnatural。