定向图编辑器+平移/缩放

Question

基于Directed Graph Editor，我要添加平移/缩放（like this）。

This approach不能完全满足上述代码的要求（Pan / Zoom onwheel没问题，但是当我想添加新箭头时，图形就无法正常工作。

// set up SVG for D3
const width = 960;
const height = 500;
const colors = d3.scaleOrdinal(d3.schemeCategory10);

const svg = d3.select('body')
  .append('svg')
  .on('contextmenu', () => { d3.event.preventDefault(); })
  .attr('width', width)
  .attr('height', height)
  .call(d3.zoom().on("zoom", function () {
    svg.attr("transform", d3.event.transform)
  }))
  .append("g")