javascript - マウス ホイールを使用せずに D3 Force-Direct 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

トラックパッドを搭載した Mac を使用している場合、ズーム ジェスチャは実際には Mac のスクロール ジェスチャです。2 本の指で上にスクロールするとズームインし、2 本の指で下にスクロールするとズームアウトします。