diff --git a/frontend/src/pages/Workflow/Definition/Designer/components/Toolbar/index.tsx b/frontend/src/pages/Workflow/Definition/Designer/components/Toolbar/index.tsx index c8cd3895..f54e41b7 100644 --- a/frontend/src/pages/Workflow/Definition/Designer/components/Toolbar/index.tsx +++ b/frontend/src/pages/Workflow/Definition/Designer/components/Toolbar/index.tsx @@ -136,14 +136,19 @@ const Toolbar: React.FC = ({ graph }) => { // 缩放画布 const zoom = (delta: number) => { if (!graph) return; - const zoom = graph.zoom(); - graph.zoom(zoom + delta); + const currentZoom = graph.zoom(); + const nextZoom = delta > 0 + ? Math.min(2, currentZoom + 0.1) // 放大,最大2倍 + : Math.max(0.5, currentZoom - 0.1); // 缩小,最小0.5倍 + graph.zoomTo(nextZoom); + graph.centerContent(); // 居中显示内容 }; // 适应画布 const fitContent = () => { if (!graph) return; - graph.zoomToFit({ padding: 20 }); + graph.zoomToFit({ padding: 20, maxScale: 2 }); + graph.centerContent(); }; // 实际大小