d3缩放zoom

前面svg拖拽和缩放的结尾我们提到了transform，最近发现一个更方便的轮子，就是使用d3的zoom方法（zoom就是基于transform实现的）。直接上代码

    var svg = d3.select("body")
     .append("svg")
     .attr("width", "100%")
     .attr("height", "100%")
     .call(d3.zoom().on("zoom", function () {
        svg.attr("transform", d3.event.transform)
     }))
     .append("g")