d3 v4 Zoom und ziehen Get zusammenarbeiten - einfaches Beispiel

Question

this code example in d3 Version Betrachten 4.

Es gibt eine Reihe von gelben Kreise auf einem schwarzen Hintergrund überlagert.

Ich kann die Kreise mit meiner Maus ziehen. Ich kann auch mit dem Mausrad ein- und auszoomen, vorausgesetzt, meine Maus befindet sich nicht über einem Kreis.

Es gibt zwei Probleme, die ich mag würde beheben:

• Ich möchte vergrößern, wenn ich das Scroll-Rad schlagen, während ich über einen Kreis moused bin.
• Drag & Drop ist falsch, wenn ich die Grafik vergrößert oder verkleinert habe - die Kreise folgen nicht der Maus.

Answer 1

Gelöst es. Here's der Link zum Kern mit der Lösung.

Wie ich jedes Problem behoben:

• Das Zoom-Problem wurde behoben, indem den Zoom-Handler-Trigger auf dem darunterliegenden SVG Elemente, kein Übereinander Rechteck, wie es vorher war.
• Das Ziehproblem wurde behoben, indem die Ziehfunktion so angepasst wurde, dass die aktuelle Zoomstufe

berücksichtigt wurde