javascript - d3 通过单击 ctrl 和鼠标滚轮进行缩放，禁用 browserzoom

Question

我想通过单击 ctrl 和鼠标滚轮来缩放 dagre-d3 图形。如果我不按 ctrl，我希望浏览器滚动处于活动状态。当我想平移图形时，它应该可以在不单击 ctrl 的情况下工作。是否可以？我做了一个小提琴，但它不起作用。

var zoom = d3.behavior.zoom().on("zoom", function () {
if(ctrlPressed == true){
inner.attr("transform", "translate(" + d3.event.translate + ")" +
    "scale(" + d3.event.scale + ")");
    }
});
svg.call(zoom);

jsfiddle

Answer 1

最后让它工作。但是缩放不像正常的 d3 缩放行为，因为它不会缩放到中心。

see Code in fiddle

工作小提琴