前面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")