provide better limits for scaling / zoom

OWASP · Oct 5, 2024 · 56ca322 · 56ca322
1 parent d5ea759
commit 56ca322
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/td.vue/src/components/GraphButtons.vue b/td.vue/src/components/GraphButtons.vue
@@ -97,10 +97,20 @@ export default {
             }
         },
         zoomIn() {
-            this.graph.zoom(0.2);
+            if (this.graph.zoom() < 1.0) {
+                this.graph.zoom(0.1);
+            } else {
+                this.graph.zoom(0.2);
+            }
+            console.debug('zoom to ' + this.graph.zoom());
         },
         zoomOut() {
-            this.graph.zoom(-0.2);
+            if (this.graph.zoom() < 1.0) {
+                this.graph.zoom(-0.1);
+            } else {
+                this.graph.zoom(-0.2);
+            }
+            console.debug('zoom to ' + this.graph.zoom());
         },
         deleteSelected() {
             this.graph.removeCells(this.graph.getSelectedCells());

diff --git a/td.vue/src/service/x6/graph/graph.js b/td.vue/src/service/x6/graph/graph.js
@@ -30,10 +30,10 @@ const getEditGraph = (container, ctor = Graph) => {
             enabled: true, // provides panning using shift key, as we have to disable scroller.pannable
             modifiers: ['shift']
         },
-		scaling: {
-		    min : 0.1 ,    // default value is 0.01
-		    max : 10 ,     // default value is 16
-		},
+        scaling: {
+            min : 0.1 ,    // default value is 0.01
+            max : 3.2 ,     // default value is 16
+        },
         preventDefaultContextMenu: false
     });
     graph