新版本D3移除d3.event后zoom事件回调代码修改求助

D3 v6及以上版本移除了全局d3.event对象，旧版本里所有需要从d3.event读取的事件属性，新版本都统一通过事件回调的第一个入参传递，不需要再访问全局变量，这是原代码无法运行的核心原因。

ngAfterViewInit() {
    var svg = d3
      .select("svg")
      .call(d3.zoom().on("zoom", (event) => {
        svg.attr("transform", event.transform)
      }))
      .append("g")
}

• 给zoom事件的回调函数新增第一个入参event：这就是新版本D3传给你的当前缩放事件对象
• 将d3.event.transform替换为event.transform：直接从入参里取属性即可，原有缩放逻辑完全不变，不需要调整其他代码

内容的提问来源于stack exchange，提问作者user11658838