镜像平移/缩放两个svg元素

Question

我需要使用d3构建两个力图，并同时进行缩放/平移。我通过将zoom事件中的d3.event.scale（）和d3.event.translate（）属性强制转换为两个svgs来实现此目的。问题是，当从一个svg切换到另一个时，每个svg都会以某种方式保存它以前的转换/比例值。

我使用d3的一个例子中的这段代码来进行svgs pan / zoom

{{1}}

http://jsfiddle.net/c1qja29o/2/

http://www.screencast.com/t/Mtceb6o55XG

Answer 1

问题是我在每个svg.each（）传递上声明了一个新的缩放处理程序。我应该只声明一个缩放事件处理程序，并为每个svg调用一个。