+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: Hilfe für d3.zoom (Pan und Zoom-Funktion) benötigt (/showthread.php?tid=2369)
Hilfe für d3.zoom (Pan und Zoom-Funktion) benötigt - Cowboy - 23.05.2023
Hallo Zusammen,
ich bin absolut neu im Thema Javascript. Ich versuche nun schon seit geraumer Zeit die d3.Zoom Funktion zum funktionieren zu bekommen.
Ich habe mir eine html-datei gebastelt welche mir in der linken Spalte (BG-Übersicht) eine JSON-Tabelle einliest. Rechts daneben gibt es ein SVG-Vorschaufenster und darunter eine Teileliste, welche ebenfalls per JSON gefüttert wird. Wenn ich nun in der BG-Übersicht (links) eine Zeile anklicke, so wird die SVG-Datei rechts daneben ins Vorschaufenster geladen.
Wenn ich nun in der teileliste unter der SVG-Vorschau eine Zeile anklicke, so wird die entsprechende Artikel-Nr. in der SVG-Vorschau mit einem roten Rahmen versehen.
Über der SVG-Vorschau gibt es noch drei Buttons für Zoom-Funktionen.
So weit so gut. Dass alles funktioniert. Auch die Zoom-Buttons.
Was leider nicht geht ist das Verschieben (Pan) der SVG.
CSS und Script habe ich noch alles in der html-Datei. Siehe anbei.
Wäre echt dankbar, wenn jemand helfen könnte.
Markus