Chrome과 Firefox의 d3 줌 차이

Question

this 예와 같이 확대/축소 동작이 적용될 때 최신 Windows Firefox (28.0)에서 단일 마우스 휠 이벤트로 인해 큰 줌 변경이 발생합니다. ~ 1.65 vs ~ 1.18 인치

d3_behavior_zoomDelta = function() { 
    return -d3.event.deltaY * (d3.event.deltaMode ? 120 : 1); 
} 

크롬 : deltaMode {0, deltaY에 : -100} 소스 코드를 찾고

-> 델타 = 100

파이어 폭스 {deltaMode : 1 deltaY에 : 27 } -> 델타 = 360

차이점을 설명하지만 왜 이런 일이 발생합니까? Firefox 또는 d3.js 문제입니까?

Answer 1

나는 그것이 Firefox 문제라고 생각한다. 줌을 현재 값의 10 % 이내로 제한하여 확대/축소했습니다 (확대/축소 할 때마다 다시 설정 함).

var zoom = d3.behavior.zoom() 
    .on("zoom", redraw); 

function redraw() { 
    zoom.scaleExtent([zoom.scale()*0.9, zoom.scale()*1.1]); 
    ... 
}