축소 D3 포스 감독 그래프 마우스 휠

Question

을 사용하지 않고 내가 force-directed graph

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의 스크롤 동작입니다. 두 손가락으로 스크롤 업하면 두 손가락으로 스크롤이 줄어 듭니다. 환경 설정에서 스크롤 방향을 설정했다고 가정합니다 부 자연스러운.