From c5e161482b834d6fd88a5c9a9baef6e43ddfb7c4 Mon Sep 17 00:00:00 2001 From: LiuHao Date: Mon, 26 Feb 2024 17:25:29 +0800 Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96=E7=B1=BB=E5=9E=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/BpmnDesign/index.vue | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/BpmnDesign/index.vue b/src/components/BpmnDesign/index.vue index af1bde2..1568a3e 100644 --- a/src/components/BpmnDesign/index.vue +++ b/src/components/BpmnDesign/index.vue @@ -173,13 +173,13 @@ const initDiagram = (xml?: string) => { */ const fitViewport = () => { zoom.value = bpmnModeler.value.get('canvas').zoom('fit-viewport'); - const bbox = (document.querySelector('.app-containers .viewport') as SVGGElement).getBBox(); - const currentViewBox = bpmnModeler.value.get('canvas').viewbox(); + const bbox = document.querySelector('.app-containers .viewport').getBBox(); + const currentViewBox = bpmnModeler.value.get('canvas').viewbox(); const elementMid = { x: bbox.x + bbox.width / 2 - 65, y: bbox.y + bbox.height / 2 }; - bpmnModeler.value.get('canvas').viewbox({ + bpmnModeler.value.get('canvas').viewbox({ x: elementMid.x - currentViewBox.width / 2, y: elementMid.y - currentViewBox.height / 2, width: currentViewBox.width, @@ -192,9 +192,9 @@ const fitViewport = () => { * @param zoomIn true 放大 | false 缩小 */ const zoomViewport = (zoomIn = true) => { - zoom.value = bpmnModeler.value.get('canvas').zoom(); + zoom.value = bpmnModeler.value.get('canvas').zoom(); zoom.value += zoomIn ? 0.1 : -0.1; - bpmnModeler.value.get('canvas').zoom(zoom.value); + bpmnModeler.value.get('canvas').zoom(zoom.value); }; /**