如何在D3JS v4中設置縮放步長？

Question

我試圖在通過按鈕放大視圖和鼠標滾動之間實現一致的行為。 雖然我可以使用按鈕（通過調用zoom.scaleTo）指定縮放步長（0.5），但我想知道在使用鼠標滾動時如何做同樣的事情。 我應該以某種方式在“ zoom”事件回調中執行此操作，然后嘗試修改事件轉換嗎？ 還是應該捕獲轉輪事件，然后嘗試手動調用d3.zoom函數？ 我希望鼠標滾動每0.5步更改比例，並將縮放的中心點保留為鼠標位置。 您有什么建議實現這一目標的最佳方法是什么？

Answer 1

var svg = d3.select("body").append("svg")
.attr("width", 600)
.attr("height", 600)
.call(zoom);

var mainContainer = svg.append("g");

請的jsfiddle例如檢查我認為你可以在這方面幫助，請點擊這里