diff --git a/package.json b/package.json
index 149167c676b..16b7da95667 100644
--- a/package.json
+++ b/package.json
@@ -30,8 +30,8 @@
     ]
   },
   "devDependencies": {
-    "@antv/g-canvas": "^2.0.20",
-    "@antv/g-plugin-rough-canvas-renderer": "^2.0.20",
+    "@antv/g-canvas": "^2.0.22",
+    "@antv/g-plugin-rough-canvas-renderer": "^2.0.22",
     "@babel/core": "^7.26.0",
     "@babel/plugin-transform-typescript": "^7.25.9",
     "@changesets/cli": "^2.27.9",
@@ -43,12 +43,12 @@
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@swc/core": "^1.7.42",
+    "@swc/core": "^1.8.0",
     "@swc/jest": "^0.2.37",
     "@types/d3-hierarchy": "^3.1.7",
     "@types/jest": "^29.5.14",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^20.17.5",
+    "@types/node": "^20.17.6",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "chalk": "^4.1.2",
@@ -69,7 +69,7 @@
     "prettier-plugin-organize-imports": "^3.2.4",
     "prettier-plugin-packagejson": "^2.5.3",
     "rimraf": "^5.0.10",
-    "rollup": "^4.24.3",
+    "rollup": "^4.24.4",
     "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "stats.js": "^0.17.0",
diff --git a/packages/g6-extension-3d/package.json b/packages/g6-extension-3d/package.json
index 9b7602e192a..b22917f7484 100644
--- a/packages/g6-extension-3d/package.json
+++ b/packages/g6-extension-3d/package.json
@@ -34,16 +34,16 @@
   },
   "dependencies": {
     "@antv/g-device-api": "^1.6.13",
-    "@antv/g-plugin-3d": "^2.0.22",
-    "@antv/g-plugin-device-renderer": "^2.1.4",
-    "@antv/g-plugin-dragndrop": "^2.0.15",
-    "@antv/g-webgl": "^2.0.24",
+    "@antv/g-plugin-3d": "^2.0.24",
+    "@antv/g-plugin-device-renderer": "^2.2.1",
+    "@antv/g-plugin-dragndrop": "^2.0.17",
+    "@antv/g-webgl": "^2.0.26",
     "@antv/layout": "1.2.14-beta.8",
     "@antv/util": "^3.3.10"
   },
   "devDependencies": {
-    "@antv/g": "^6.1.4",
-    "@antv/g-canvas": "^2.0.20",
+    "@antv/g": "^6.1.6",
+    "@antv/g-canvas": "^2.0.22",
     "@antv/g6": "workspace:*"
   },
   "peerDependencies": {
diff --git a/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx b/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx
index ef32476cdb5..8a3b9e40325 100644
--- a/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx
+++ b/packages/g6-extension-react/__tests__/demos/performance-diagnosis.tsx
@@ -91,10 +91,10 @@ export const PerformanceDiagnosis = () => {
         };
 
         const size = {
-          'pre-inspection': [240, 80],
-          problem: [200, 80],
+          'pre-inspection': [240, 120],
+          problem: [200, 120],
           inspection: [330, 100],
-          solution: [240, 60],
+          solution: [200, 120],
         }[d.data!.type as string] || [200, 80];
 
         Object.assign(style, {
@@ -144,9 +144,6 @@ export const PerformanceDiagnosis = () => {
     },
     layout: {
       type: 'antv-dagre',
-      nodeSize: [200, 40],
-      nodesep: 70,
-      ranksep: 5,
     },
     behaviors: ['zoom-canvas', 'drag-canvas', 'hover-element', 'click-select'],
   };
diff --git a/packages/g6-extension-react/package.json b/packages/g6-extension-react/package.json
index becfa662723..741dea07e0a 100644
--- a/packages/g6-extension-react/package.json
+++ b/packages/g6-extension-react/package.json
@@ -35,9 +35,9 @@
     "type-check": "tsc --noEmit -p tsconfig.test.json"
   },
   "dependencies": {
-    "@antv/g": "^6.1.4",
-    "@antv/g-svg": "^2.0.17",
-    "@antv/react-g": "^2.0.20"
+    "@antv/g": "^6.1.6",
+    "@antv/g-svg": "^2.0.19",
+    "@antv/react-g": "^2.0.22"
   },
   "devDependencies": {
     "@ant-design/icons": "^5.5.1",
diff --git a/packages/g6-ssr/package.json b/packages/g6-ssr/package.json
index c5f45a66b22..bff12bb814a 100644
--- a/packages/g6-ssr/package.json
+++ b/packages/g6-ssr/package.json
@@ -27,8 +27,8 @@
     "type-check": "tsc --noEmit -p tsconfig.test.json"
   },
   "dependencies": {
-    "@antv/g": "^6.1.4",
-    "@antv/g-canvas": "^2.0.20",
+    "@antv/g": "^6.1.6",
+    "@antv/g-canvas": "^2.0.22",
     "@antv/g6": "workspace:*",
     "cac": "^6.7.14",
     "canvas": "^2.11.2"
diff --git a/packages/g6/__tests__/demos/case-org-chart.ts b/packages/g6/__tests__/demos/case-org-chart.ts
index 4d1cf79da24..f671e6c9e4e 100644
--- a/packages/g6/__tests__/demos/case-org-chart.ts
+++ b/packages/g6/__tests__/demos/case-org-chart.ts
@@ -196,7 +196,6 @@ export const caseOrgChart: TestCase = async (context) => {
     },
     layout: {
       type: 'dagre',
-      nodeSize: [150, 60],
     },
     autoFit: 'view',
     behaviors: ['level-of-detail', 'zoom-canvas', 'drag-canvas'],
diff --git a/packages/g6/__tests__/demos/layout-antv-dagre-flow.ts b/packages/g6/__tests__/demos/layout-antv-dagre-flow.ts
index 146b0c2811e..f452316839d 100644
--- a/packages/g6/__tests__/demos/layout-antv-dagre-flow.ts
+++ b/packages/g6/__tests__/demos/layout-antv-dagre-flow.ts
@@ -11,6 +11,7 @@ export const layoutAntVDagreFlow: TestCase = async (context) => {
       style: {
         size: [60, 30],
         radius: 8,
+        labelFill: '#fff',
         labelPlacement: 'center',
         labelText: (d) => d.id,
       },
@@ -26,9 +27,6 @@ export const layoutAntVDagreFlow: TestCase = async (context) => {
     },
     layout: {
       type: 'antv-dagre',
-      nodesep: 100,
-      ranksep: 70,
-      controlPoints: true,
     },
     behaviors: ['drag-element', 'drag-canvas', 'zoom-canvas'],
   });
diff --git a/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-A-over-C.svg b/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-A-over-C.svg
index 664441cbb5b..7bb64369de8 100644
--- a/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-A-over-C.svg
+++ b/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-A-over-C.svg
@@ -1,13 +1,13 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
   <defs/>
-  <g transform="matrix(0.819672,0,0,0.819672,-6.147559,-25.819689)">
+  <g transform="matrix(0.819672,0,0,0.819672,-6.147559,23.360662)">
     <g fill="none">
       <g fill="none" class="elements">
-        <g fill="none" x="540" y="480" transform="matrix(1,0,0,1,540,480)">
+        <g fill="none" x="540" y="390" transform="matrix(1,0,0,1,540,390)">
           <g>
-            <path fill="rgba(153,173,209,1)" d="M -69.5,-105 l 139,0 a 8,8,0,0,1,8,8 l 0,194 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-194 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="210" x="-77.5" y="-105"/>
+            <path fill="rgba(153,173,209,1)" d="M -69.5,-90 l 139,0 a 8,8,0,0,1,8,8 l 0,164 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-164 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="180" x="-77.5" y="-90"/>
           </g>
-          <g fill="none" class="label" transform="matrix(1,0,0,1,0,105)">
+          <g fill="none" class="label" transform="matrix(1,0,0,1,0,90)">
             <g>
               <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" dy="11.5px" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" font-weight="400">
                 B
@@ -15,7 +15,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="350" y="400" transform="matrix(1,0,0,1,350,400)">
+        <g fill="none" x="350" y="325" transform="matrix(1,0,0,1,350,325)">
           <g>
             <path fill="rgba(153,173,209,1)" d="M -69.5,-25 l 139,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="50" x="-77.5" y="-25"/>
           </g>
@@ -30,9 +30,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,180 160,180 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,180 130,180 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,180,219)">
+            <g transform="matrix(0,-1,1,0,180,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -40,9 +40,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,540 160,540 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,540 130,540 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,540,219)">
+            <g transform="matrix(0,-1,1,0,540,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -50,9 +50,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,169.5 320,169.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,169.5 260,169.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,169.500000,379)">
+            <g transform="matrix(0,-1,1,0,169.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -60,9 +60,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,282.5 160,282.5 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,282.5 130,282.5 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,282.500000,219)">
+            <g transform="matrix(0,-1,1,0,282.500000,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -70,9 +70,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,169.5 320,169.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,169.5 260,169.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,169.500000,379)">
+            <g transform="matrix(0,-1,1,0,169.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -80,9 +80,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,255 C 540 320,540 320,540 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,210 C 540 260,540 260,540 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,540,379)">
+            <g transform="matrix(0,-1,1,0,540,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -90,9 +90,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,244.5 320,244.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,244.5 260,244.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,244.500000,379)">
+            <g transform="matrix(0,-1,1,0,244.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -100,9 +100,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,312.5 320,312.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,312.5 260,312.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,312.500000,379)">
+            <g transform="matrix(0,-1,1,0,312.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -110,9 +110,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,387.5 320,387.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,387.5 260,387.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,387.500000,379)">
+            <g transform="matrix(0,-1,1,0,387.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -120,9 +120,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,319.5 320,319.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,319.5 260,319.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,319.500000,379)">
+            <g transform="matrix(0,-1,1,0,319.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -130,9 +130,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,415 C 540 480,502.5 480,502.5 539" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,340 C 540 390,502.5 390,502.5 434" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,502.500000,539)">
+            <g transform="matrix(0,-1,1,0,502.500000,434)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -140,14 +140,14 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,415 C 540 480,577.5 480,577.5 539" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,340 C 540 390,577.5 390,577.5 434" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,577.500000,539)">
+            <g transform="matrix(0,-1,1,0,577.500000,434)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
         </g>
-        <g fill="none" x="312.5" y="80" transform="matrix(1,0,0,1,312.500000,80)">
+        <g fill="none" x="312.5" y="65" transform="matrix(1,0,0,1,312.500000,65)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -159,7 +159,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="180" y="240" transform="matrix(1,0,0,1,180,240)">
+        <g fill="none" x="180" y="195" transform="matrix(1,0,0,1,180,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -171,7 +171,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="540" y="240" transform="matrix(1,0,0,1,540,240)">
+        <g fill="none" x="540" y="195" transform="matrix(1,0,0,1,540,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -183,7 +183,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="282.5" y="240" transform="matrix(1,0,0,1,282.500000,240)">
+        <g fill="none" x="282.5" y="195" transform="matrix(1,0,0,1,282.500000,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -195,7 +195,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="540" y="400" transform="matrix(1,0,0,1,540,400)">
+        <g fill="none" x="540" y="325" transform="matrix(1,0,0,1,540,325)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -207,7 +207,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="312.5" y="400" transform="matrix(1,0,0,1,312.500000,400)">
+        <g fill="none" x="312.5" y="325" transform="matrix(1,0,0,1,312.500000,325)">
           <g>
             <path fill="rgba(213,128,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -219,7 +219,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="387.5" y="400" transform="matrix(1,0,0,1,387.500000,400)">
+        <g fill="none" x="387.5" y="325" transform="matrix(1,0,0,1,387.500000,325)">
           <g>
             <path fill="rgba(213,128,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -231,7 +231,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="502.5" y="560" transform="matrix(1,0,0,1,502.500000,560)">
+        <g fill="none" x="502.5" y="455" transform="matrix(1,0,0,1,502.500000,455)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -243,7 +243,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="577.5" y="560" transform="matrix(1,0,0,1,577.500000,560)">
+        <g fill="none" x="577.5" y="455" transform="matrix(1,0,0,1,577.500000,455)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -255,7 +255,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="244.5" y="400" transform="matrix(1,0,0,1,244.500000,400)">
+        <g fill="none" x="244.5" y="325" transform="matrix(1,0,0,1,244.500000,325)">
           <g>
             <path fill="rgba(153,173,209,1)" d="M -107,-25 l 214,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -214,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="230" height="50" x="-115" y="-25"/>
           </g>
@@ -267,7 +267,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="169.5000058412552" y="400" transform="matrix(1,0,0,1,169.500000,400)">
+        <g fill="none" x="169.5000058412552" y="325" transform="matrix(1,0,0,1,169.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -279,7 +279,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="244.5000058412552" y="400" transform="matrix(1,0,0,1,244.500000,400)">
+        <g fill="none" x="244.5000058412552" y="325" transform="matrix(1,0,0,1,244.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -291,7 +291,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="319.5000058412552" y="400" transform="matrix(1,0,0,1,319.500000,400)">
+        <g fill="none" x="319.5000058412552" y="325" transform="matrix(1,0,0,1,319.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
diff --git a/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-C-over-A.svg b/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-C-over-A.svg
index 2bd88dcaacd..21f3d50612e 100644
--- a/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-C-over-A.svg
+++ b/packages/g6/__tests__/snapshots/bugs/behaviors-drag-element-combo/drag-combo-C-over-A.svg
@@ -1,13 +1,13 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
   <defs/>
-  <g transform="matrix(0.819672,0,0,0.819672,-6.147559,-25.819689)">
+  <g transform="matrix(0.819672,0,0,0.819672,-6.147559,23.360662)">
     <g fill="none">
       <g fill="none" class="elements">
-        <g fill="none" x="540" y="480" transform="matrix(1,0,0,1,540,480)">
+        <g fill="none" x="540" y="390" transform="matrix(1,0,0,1,540,390)">
           <g>
-            <path fill="rgba(153,173,209,1)" d="M -69.5,-105 l 139,0 a 8,8,0,0,1,8,8 l 0,194 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-194 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="210" x="-77.5" y="-105"/>
+            <path fill="rgba(153,173,209,1)" d="M -69.5,-90 l 139,0 a 8,8,0,0,1,8,8 l 0,164 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-164 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="180" x="-77.5" y="-90"/>
           </g>
-          <g fill="none" class="label" transform="matrix(1,0,0,1,0,105)">
+          <g fill="none" class="label" transform="matrix(1,0,0,1,0,90)">
             <g>
               <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" dy="11.5px" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" font-weight="400">
                 B
@@ -18,9 +18,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,180 160,180 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,180 130,180 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,180,219)">
+            <g transform="matrix(0,-1,1,0,180,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -28,9 +28,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,540 160,540 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,540 130,540 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,540,219)">
+            <g transform="matrix(0,-1,1,0,540,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -38,9 +38,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,169.5 320,169.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,169.5 260,169.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,169.500000,379)">
+            <g transform="matrix(0,-1,1,0,169.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -48,9 +48,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,282.5 160,282.5 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,282.5 130,282.5 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,282.500000,219)">
+            <g transform="matrix(0,-1,1,0,282.500000,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -58,9 +58,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,169.5 320,169.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,169.5 260,169.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,169.500000,379)">
+            <g transform="matrix(0,-1,1,0,169.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -68,9 +68,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,255 C 540 320,540 320,540 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,210 C 540 260,540 260,540 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,540,379)">
+            <g transform="matrix(0,-1,1,0,540,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -78,9 +78,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,244.5 320,244.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,244.5 260,244.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,244.500000,379)">
+            <g transform="matrix(0,-1,1,0,244.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -88,9 +88,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,300.29998779296875 320,300.29998779296875 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,300.29998779296875 260,300.29998779296875 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,300.299988,379)">
+            <g transform="matrix(0,-1,1,0,300.299988,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -98,9 +98,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,375.29998779296875 320,375.29998779296875 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,375.29998779296875 260,375.29998779296875 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,375.299988,379)">
+            <g transform="matrix(0,-1,1,0,375.299988,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -108,9 +108,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,319.5 320,319.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,319.5 260,319.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,319.500000,379)">
+            <g transform="matrix(0,-1,1,0,319.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -118,9 +118,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,415 C 540 480,502.5 480,502.5 539" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,340 C 540 390,502.5 390,502.5 434" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,502.500000,539)">
+            <g transform="matrix(0,-1,1,0,502.500000,434)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -128,14 +128,14 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,415 C 540 480,577.5 480,577.5 539" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,340 C 540 390,577.5 390,577.5 434" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,577.500000,539)">
+            <g transform="matrix(0,-1,1,0,577.500000,434)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
         </g>
-        <g fill="none" x="312.5" y="80" transform="matrix(1,0,0,1,312.500000,80)">
+        <g fill="none" x="312.5" y="65" transform="matrix(1,0,0,1,312.500000,65)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -147,7 +147,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="180" y="240" transform="matrix(1,0,0,1,180,240)">
+        <g fill="none" x="180" y="195" transform="matrix(1,0,0,1,180,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -159,7 +159,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="540" y="240" transform="matrix(1,0,0,1,540,240)">
+        <g fill="none" x="540" y="195" transform="matrix(1,0,0,1,540,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -171,7 +171,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="282.5" y="240" transform="matrix(1,0,0,1,282.500000,240)">
+        <g fill="none" x="282.5" y="195" transform="matrix(1,0,0,1,282.500000,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -183,7 +183,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="540" y="400" transform="matrix(1,0,0,1,540,400)">
+        <g fill="none" x="540" y="325" transform="matrix(1,0,0,1,540,325)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -195,7 +195,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="502.5" y="560" transform="matrix(1,0,0,1,502.500000,560)">
+        <g fill="none" x="502.5" y="455" transform="matrix(1,0,0,1,502.500000,455)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -207,7 +207,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="577.5" y="560" transform="matrix(1,0,0,1,577.500000,560)">
+        <g fill="none" x="577.5" y="455" transform="matrix(1,0,0,1,577.500000,455)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -219,7 +219,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="244.5" y="400" transform="matrix(1,0,0,1,244.500000,400)">
+        <g fill="none" x="244.5" y="325" transform="matrix(1,0,0,1,244.500000,325)">
           <g>
             <path fill="rgba(153,173,209,1)" d="M -107,-25 l 214,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -214,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="230" height="50" x="-115" y="-25"/>
           </g>
@@ -231,7 +231,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="169.5000058412552" y="400" transform="matrix(1,0,0,1,169.500000,400)">
+        <g fill="none" x="169.5000058412552" y="325" transform="matrix(1,0,0,1,169.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -243,7 +243,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="244.5000058412552" y="400" transform="matrix(1,0,0,1,244.500000,400)">
+        <g fill="none" x="244.5000058412552" y="325" transform="matrix(1,0,0,1,244.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -255,7 +255,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="319.5000058412552" y="400" transform="matrix(1,0,0,1,319.500000,400)">
+        <g fill="none" x="319.5000058412552" y="325" transform="matrix(1,0,0,1,319.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -267,7 +267,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="337.79998779296875" y="400" transform="matrix(1,0,0,1,337.799988,400)">
+        <g fill="none" x="337.79998779296875" y="325" transform="matrix(1,0,0,1,337.799988,325)">
           <g>
             <path fill="rgba(153,173,209,1)" d="M -69.5,-25 l 139,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="50" x="-77.5" y="-25"/>
           </g>
@@ -279,7 +279,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="300.2999994158745" y="400" transform="matrix(1,0,0,1,300.299988,400)">
+        <g fill="none" x="300.2999994158745" y="325" transform="matrix(1,0,0,1,300.299988,325)">
           <g>
             <path fill="rgba(213,128,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -291,7 +291,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="375.2999994158745" y="400" transform="matrix(1,0,0,1,375.299988,400)">
+        <g fill="none" x="375.2999994158745" y="325" transform="matrix(1,0,0,1,375.299988,325)">
           <g>
             <path fill="rgba(213,128,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
diff --git a/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/dagre-RL.svg b/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/dagre-RL.svg
index 1fa164557ca..46ba3a2c1df 100644
--- a/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/dagre-RL.svg
+++ b/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/dagre-RL.svg
@@ -1,14 +1,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
   <defs/>
-  <g transform="matrix(0.869565,0,0,0.869565,-10.869556,-56.521729)">
+  <g transform="matrix(0.892857,0,0,0.892857,-17.857159,-17.857159)">
     <g fill="none">
       <g fill="none" class="elements">
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 520,405 L 510,405 Q 500 405,500 395 L 500,395 L 500,252.5 Q 500 242.5,490 242.5 L 490,242.5 L 480,242.5" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 520,345 L 510,345 Q 500 345,500 335 L 500,335 L 500,215 Q 500 205,490 205 L 490,205 L 480,205" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,485,242.500000)">
+            <g transform="matrix(1,0,0,1,485,205)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -16,9 +16,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 520,405 L 510,405 Q 500 405,500 415 L 500,415 L 500,615 Q 500 625,490 625 L 490,625 L 450,625 L 400,625 L 350,625 L 300,625 L 250,625 L 200,625 L 180,625" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 520,345 L 510,345 Q 500 345,500 355 L 500,355 L 500,525 Q 500 535,490 535 L 490,535 L 450,535 L 400,535 L 350,535 L 300,535 L 250,535 L 200,535 L 180,535" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,185,625)">
+            <g transform="matrix(1,0,0,1,185,535)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -26,9 +26,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 420,242.5 L 410,242.5 Q 400 242.5,400 252.5 L 400,252.5 L 400,280 Q 400 290,390 290 L 390,290 L 380,290" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 420,205 L 410,205 Q 400 205,400 215 L 400,215 L 400,235 Q 400 245,390 245 L 390,245 L 380,245" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,385,290)">
+            <g transform="matrix(1,0,0,1,385,245)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -36,9 +36,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 520,405 L 510,405 Q 500 405,500 415 L 500,415 L 500,490 Q 500 500,490 500 L 490,500 L 480,500" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 520,345 L 510,345 Q 500 345,500 355 L 500,355 L 500,415 Q 500 425,490 425 L 490,425 L 480,425" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,485,500)">
+            <g transform="matrix(1,0,0,1,485,425)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -46,9 +46,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 420,500 L 410,500 Q 400 500,400 490 L 400,490 L 400,442.5 L 400,300 Q 400 290,390 290 L 390,290 L 380,290" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 420,425 L 410,425 Q 400 425,400 415 L 400,415 L 400,375 L 400,255 Q 400 245,390 245 L 390,245 L 380,245" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,385,290)">
+            <g transform="matrix(1,0,0,1,385,245)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -56,9 +56,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 320,290 L 310,290 Q 300 290,300 280 L 300,280 L 300,195 Q 300 185,290 185 L 290,185 L 280,185" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 320,245 L 310,245 Q 300 245,300 235 L 300,235 L 300,165 Q 300 155,290 155 L 290,155 L 280,155" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,285,185)">
+            <g transform="matrix(1,0,0,1,285,155)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -66,9 +66,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 320,290 L 310,290 Q 300 290,300 300 L 300,300 L 300,385 Q 300 395,290 395 L 290,395 L 280,395" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 320,245 L 310,245 Q 300 245,300 255 L 300,255 L 300,325 Q 300 335,290 335 L 290,335 L 280,335" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,285,395)">
+            <g transform="matrix(1,0,0,1,285,335)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -76,9 +76,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 220,185 L 210,185 Q 200 185,200 195 L 200,195 L 200,280 Q 200 290,190 290 L 190,290 L 180,290" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 220,155 L 210,155 Q 200 155,200 165 L 200,165 L 200,235 Q 200 245,190 245 L 190,245 L 180,245" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,185,290)">
+            <g transform="matrix(1,0,0,1,185,245)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -86,9 +86,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 220,185 L 210,185 Q 200 185,200 175 L 200,175 L 200,90 Q 200 80,190 80 L 190,80 L 180,80" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 220,155 L 210,155 Q 200 155,200 145 L 200,145 L 200,75 Q 200 65,190 65 L 190,65 L 180,65" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,185,80)">
+            <g transform="matrix(1,0,0,1,185,65)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -96,9 +96,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 120,80 L 110,80 Q 100 80,100 90 L 100,90 L 100,500 Q 100 510,90 510 L 90,510 L 80,510" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 120,65 L 110,65 Q 100 65,100 75 L 100,75 L 100,425 Q 100 435,90 435 L 90,435 L 80,435" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,85,510)">
+            <g transform="matrix(1,0,0,1,85,435)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -106,9 +106,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 120,625 L 110,625 Q 100 625,100 615 L 100,615 L 100,520 Q 100 510,90 510 L 90,510 L 80,510" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 120,535 L 110,535 Q 100 535,100 525 L 100,525 L 100,445 Q 100 435,90 435 L 90,435 L 80,435" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,85,510)">
+            <g transform="matrix(1,0,0,1,85,435)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -116,59 +116,59 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 420,500 L 405,500 Q 400 500,400 505 L 400,505 L 400,505 Q 400 510,395 510 L 395,510 L 350,510 L 300,510 L 250,510 L 200,510 L 150,510 L 100,510 L 80,510" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 420,425 L 405,425 Q 400 425,400 430 L 400,430 L 400,430 Q 400 435,395 435 L 395,435 L 350,435 L 300,435 L 250,435 L 200,435 L 150,435 L 100,435 L 80,435" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(1,0,0,1,85,510)">
+            <g transform="matrix(1,0,0,1,85,435)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
         </g>
-        <g fill="none" x="550" y="405" transform="matrix(1,0,0,1,550,405)">
+        <g fill="none" x="550" y="345" transform="matrix(1,0,0,1,550,345)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="450" y="242.5" transform="matrix(1,0,0,1,450,242.500000)">
+        <g fill="none" x="450" y="205" transform="matrix(1,0,0,1,450,205)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="150" y="625" transform="matrix(1,0,0,1,150,625)">
+        <g fill="none" x="150" y="535" transform="matrix(1,0,0,1,150,535)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="450" y="500" transform="matrix(1,0,0,1,450,500)">
+        <g fill="none" x="450" y="425" transform="matrix(1,0,0,1,450,425)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="350" y="290" transform="matrix(1,0,0,1,350,290)">
+        <g fill="none" x="350" y="245" transform="matrix(1,0,0,1,350,245)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="250" y="185" transform="matrix(1,0,0,1,250,185)">
+        <g fill="none" x="250" y="155" transform="matrix(1,0,0,1,250,155)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="250" y="395" transform="matrix(1,0,0,1,250,395)">
+        <g fill="none" x="250" y="335" transform="matrix(1,0,0,1,250,335)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="150" y="290" transform="matrix(1,0,0,1,150,290)">
+        <g fill="none" x="150" y="245" transform="matrix(1,0,0,1,150,245)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="150" y="80" transform="matrix(1,0,0,1,150,80)">
+        <g fill="none" x="150" y="65" transform="matrix(1,0,0,1,150,65)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="50" y="510" transform="matrix(1,0,0,1,50,510)">
+        <g fill="none" x="50" y="435" transform="matrix(1,0,0,1,50,435)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
diff --git a/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/default.svg b/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/default.svg
index 79ed059cc15..dad13777e99 100644
--- a/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/default.svg
+++ b/packages/g6/__tests__/snapshots/elements/edges/polyline-orth/default.svg
@@ -1,14 +1,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
   <defs/>
-  <g transform="matrix(0.826446,0,0,0.826446,-41.322296,2.066129)">
+  <g transform="matrix(0.826446,0,0,0.826446,-41.322296,76.446281)">
     <g fill="none">
       <g fill="none" class="elements">
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 405,65 L 405,90 Q 405 100,395 100 L 395,100 L 252.5,100 Q 242.5 100,242.5 110 L 242.5,110 L 242.5,130" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 405,50 L 405,60 Q 405 70,395 70 L 395,70 L 252.5,70 Q 242.5 70,242.5 80 L 242.5,80 L 242.5,85" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,242.500000,130)">
+            <g transform="matrix(0,-1,1,0,242.500000,85)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -16,9 +16,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 405,65 L 405,90 Q 405 100,415 100 L 415,100 L 615,100 Q 625 100,625 110 L 625,110 L 625,150 L 625,200 L 625,250 L 625,300 L 625,350 L 625,400 L 625,430" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 405,50 L 405,60 Q 405 70,415 70 L 415,70 L 615,70 Q 625 70,625 80 L 625,80 L 625,105 L 625,140 L 625,175 L 625,210 L 625,245 L 625,280 L 625,295" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,625,430)">
+            <g transform="matrix(0,-1,1,0,625,295)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -26,9 +26,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 242.5,165 L 242.5,190 Q 242.5 200,252.5 200 L 252.5,200 L 280,200 Q 290 200,290 210 L 290,210 L 290,230" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 242.5,120 L 242.5,130 Q 242.5 140,252.5 140 L 252.5,140 L 280,140 Q 290 140,290 150 L 290,150 L 290,155" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,290,230)">
+            <g transform="matrix(0,-1,1,0,290,155)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -36,9 +36,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 405,65 L 405,90 Q 405 100,415 100 L 415,100 L 490,100 Q 500 100,500 110 L 500,110 L 500,130" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 405,50 L 405,60 Q 405 70,415 70 L 415,70 L 490,70 Q 500 70,500 80 L 500,80 L 500,85" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,500,130)">
+            <g transform="matrix(0,-1,1,0,500,85)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -46,9 +46,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 500,165 L 500,190 Q 500 200,490 200 L 490,200 L 442.5,200 L 300,200 Q 290 200,290 210 L 290,210 L 290,230" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 500,120 L 500,130 Q 500 140,490 140 L 490,140 L 442.5,140 L 300,140 Q 290 140,290 150 L 290,150 L 290,155" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,290,230)">
+            <g transform="matrix(0,-1,1,0,290,155)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -56,9 +56,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 290,265 L 290,290 Q 290 300,280 300 L 280,300 L 195,300 Q 185 300,185 310 L 185,310 L 185,330" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 290,190 L 290,200 Q 290 210,280 210 L 280,210 L 195,210 Q 185 210,185 220 L 185,220 L 185,225" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,185,330)">
+            <g transform="matrix(0,-1,1,0,185,225)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -66,9 +66,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 290,265 L 290,290 Q 290 300,300 300 L 300,300 L 385,300 Q 395 300,395 310 L 395,310 L 395,330" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 290,190 L 290,200 Q 290 210,300 210 L 300,210 L 385,210 Q 395 210,395 220 L 395,220 L 395,225" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,395,330)">
+            <g transform="matrix(0,-1,1,0,395,225)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -76,9 +76,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 185,365 L 185,390 Q 185 400,195 400 L 195,400 L 280,400 Q 290 400,290 410 L 290,410 L 290,430" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 185,260 L 185,270 Q 185 280,195 280 L 195,280 L 280,280 Q 290 280,290 290 L 290,290 L 290,295" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,290,430)">
+            <g transform="matrix(0,-1,1,0,290,295)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -86,9 +86,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 185,365 L 185,390 Q 185 400,175 400 L 175,400 L 90,400 Q 80 400,80 410 L 80,410 L 80,430" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 185,260 L 185,270 Q 185 280,175 280 L 175,280 L 90,280 Q 80 280,80 290 L 80,290 L 80,295" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,80,430)">
+            <g transform="matrix(0,-1,1,0,80,295)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -96,9 +96,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 80,465 L 80,490 Q 80 500,90 500 L 90,500 L 500,500 Q 510 500,510 510 L 510,510 L 510,530" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 80,330 L 80,340 Q 80 350,90 350 L 90,350 L 500,350 Q 510 350,510 360 L 510,360 L 510,365" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,510,530)">
+            <g transform="matrix(0,-1,1,0,510,365)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -106,9 +106,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 625,465 L 625,490 Q 625 500,615 500 L 615,500 L 520,500 Q 510 500,510 510 L 510,510 L 510,530" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 625,330 L 625,340 Q 625 350,615 350 L 615,350 L 520,350 Q 510 350,510 360 L 510,360 L 510,365" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,510,530)">
+            <g transform="matrix(0,-1,1,0,510,365)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -116,59 +116,59 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 500,165 L 500,195 Q 500 200,505 200 L 505,200 L 505,200 Q 510 200,510 205 L 510,205 L 510,250 L 510,300 L 510,350 L 510,400 L 510,450 L 510,500 L 510,530" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 500,120 L 500,135 Q 500 140,505 140 L 505,140 L 505,140 Q 510 140,510 145 L 510,145 L 510,175 L 510,210 L 510,245 L 510,280 L 510,315 L 510,350 L 510,365" class="key" stroke-width="2" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 L 0,-20.005000000000003 Q 0 -25.01,-5.005000000000001 -25.01 L -5.005000000000001,-25.01 L -35.004999999999995,-25.01 Q -40.01 -25.01,-40.01 -20.005000000000003 L -40.01,-20.005000000000003 L -40.01,-20.005000000000003 Q -40.01 -15,-35.004999999999995 -15 L -35.004999999999995,-15 L -5,-15" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,510,530)">
+            <g transform="matrix(0,-1,1,0,510,365)">
               <path fill="rgba(153,173,209,1)" d="M -4,0 L 4,-4 L 2.4000000000000004,0 L 4,4 Z" stroke="rgba(153,173,209,1)" width="8" height="8" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
         </g>
-        <g fill="none" x="405" y="50" transform="matrix(1,0,0,1,405,50)">
+        <g fill="none" x="405" y="35" transform="matrix(1,0,0,1,405,35)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="242.5" y="150" transform="matrix(1,0,0,1,242.500000,150)">
+        <g fill="none" x="242.5" y="105" transform="matrix(1,0,0,1,242.500000,105)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="625" y="450" transform="matrix(1,0,0,1,625,450)">
+        <g fill="none" x="625" y="315" transform="matrix(1,0,0,1,625,315)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="500" y="150" transform="matrix(1,0,0,1,500,150)">
+        <g fill="none" x="500" y="105" transform="matrix(1,0,0,1,500,105)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="290" y="250" transform="matrix(1,0,0,1,290,250)">
+        <g fill="none" x="290" y="175" transform="matrix(1,0,0,1,290,175)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="185" y="350" transform="matrix(1,0,0,1,185,350)">
+        <g fill="none" x="185" y="245" transform="matrix(1,0,0,1,185,245)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="395" y="350" transform="matrix(1,0,0,1,395,350)">
+        <g fill="none" x="395" y="245" transform="matrix(1,0,0,1,395,245)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="290" y="450" transform="matrix(1,0,0,1,290,450)">
+        <g fill="none" x="290" y="315" transform="matrix(1,0,0,1,290,315)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="80" y="450" transform="matrix(1,0,0,1,80,450)">
+        <g fill="none" x="80" y="315" transform="matrix(1,0,0,1,80,315)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
         </g>
-        <g fill="none" x="510" y="550" transform="matrix(1,0,0,1,510,550)">
+        <g fill="none" x="510" y="385" transform="matrix(1,0,0,1,510,385)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
diff --git a/packages/g6/__tests__/snapshots/layouts/custom-dagre/default.svg b/packages/g6/__tests__/snapshots/layouts/custom-dagre/default.svg
index dd6f1c846b6..1a421d94096 100644
--- a/packages/g6/__tests__/snapshots/layouts/custom-dagre/default.svg
+++ b/packages/g6/__tests__/snapshots/layouts/custom-dagre/default.svg
@@ -1,44 +1,44 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
   <defs/>
-  <g transform="matrix(0.800000,0,0,0.800000,40.399998,10.999996)">
+  <g transform="matrix(0.800000,0,0,0.800000,40.399998,79.999985)">
     <g fill="none">
       <g fill="none" class="elements">
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 80,134 L 80,248" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 80,100 L 80,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 128.29396325459317,348 L 215.70603674540683,438.5" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 141.33333333333331,250 L 203.5,300.67934782608694" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 264,348 L 264,438.5" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 264,250 L 264,300" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 440,134 L 440,248" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 440,100 L 440,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 393.8057742782152,348 L 310.1942257217848,438.5" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 381.3333333333333,250 L 322.6666666666667,300" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
-        <g fill="none" x="80" y="84" transform="matrix(1,0,0,1,80,84)">
+        <g fill="none" x="80" y="50" transform="matrix(1,0,0,1,80,50)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -72,-50 l 144,0 l 0,100 l-144 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="144" height="100" x="-72" y="-50"/>
           </g>
@@ -50,7 +50,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="80" y="298" transform="matrix(1,0,0,1,80,298)">
+        <g fill="none" x="80" y="200" transform="matrix(1,0,0,1,80,200)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -80,-50 l 160,0 l 0,100 l-160 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="160" height="100" x="-80" y="-50"/>
           </g>
@@ -62,7 +62,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="264" y="298" transform="matrix(1,0,0,1,264,298)">
+        <g fill="none" x="264" y="200" transform="matrix(1,0,0,1,264,200)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -54,-50 l 108,0 l 0,100 l-108 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="108" height="100" x="-54" y="-50"/>
           </g>
@@ -74,7 +74,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="440" y="84" transform="matrix(1,0,0,1,440,84)">
+        <g fill="none" x="440" y="50" transform="matrix(1,0,0,1,440,50)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -84,-50 l 168,0 l 0,100 l-168 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="168" height="100" x="-84" y="-50"/>
           </g>
@@ -86,7 +86,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="440" y="298" transform="matrix(1,0,0,1,440,298)">
+        <g fill="none" x="440" y="200" transform="matrix(1,0,0,1,440,200)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -72,-50 l 144,0 l 0,100 l-144 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="144" height="100" x="-72" y="-50"/>
           </g>
@@ -98,7 +98,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="264" y="488.5" transform="matrix(1,0,0,1,264,488.500000)">
+        <g fill="none" x="264" y="350" transform="matrix(1,0,0,1,264,350)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -60.5,-50 l 121,0 l 0,100 l-121 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="121" height="100" x="-60.5" y="-50"/>
           </g>
diff --git a/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow-combo.svg b/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow-combo.svg
index e926473169a..0c1abf42726 100644
--- a/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow-combo.svg
+++ b/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow-combo.svg
@@ -1,9 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
   <defs/>
-  <g transform="matrix(0.819672,0,0,0.819672,-6.147559,-25.819689)">
+  <g transform="matrix(0.819672,0,0,0.819672,-6.147559,23.360662)">
     <g fill="none">
       <g fill="none" class="elements">
-        <g fill="none" x="122.5" y="400" transform="matrix(1,0,0,1,122.500000,400)">
+        <g fill="none" x="122.5" y="325" transform="matrix(1,0,0,1,122.500000,325)">
           <g>
             <path fill="rgba(153,173,209,1)" d="M -107,-25 l 214,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -214,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="230" height="50" x="-115" y="-25"/>
           </g>
@@ -15,11 +15,11 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="540" y="480" transform="matrix(1,0,0,1,540,480)">
+        <g fill="none" x="540" y="390" transform="matrix(1,0,0,1,540,390)">
           <g>
-            <path fill="rgba(153,173,209,1)" d="M -69.5,-105 l 139,0 a 8,8,0,0,1,8,8 l 0,194 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-194 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="210" x="-77.5" y="-105"/>
+            <path fill="rgba(153,173,209,1)" d="M -69.5,-90 l 139,0 a 8,8,0,0,1,8,8 l 0,164 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-164 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="180" x="-77.5" y="-90"/>
           </g>
-          <g fill="none" class="label" transform="matrix(1,0,0,1,0,105)">
+          <g fill="none" class="label" transform="matrix(1,0,0,1,0,90)">
             <g>
               <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" dy="11.5px" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" font-weight="400">
                 B
@@ -27,7 +27,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="350" y="400" transform="matrix(1,0,0,1,350,400)">
+        <g fill="none" x="350" y="325" transform="matrix(1,0,0,1,350,325)">
           <g>
             <path fill="rgba(153,173,209,1)" d="M -69.5,-25 l 139,0 a 8,8,0,0,1,8,8 l 0,34 a 8,8,0,0,1,-8,8 l -139,0 a 8,8,0,0,1,-8,-8 l 0,-34 a 8,8,0,0,1,8,-8 z" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" width="155" height="50" x="-77.5" y="-25"/>
           </g>
@@ -42,9 +42,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,180 160,180 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,180 130,180 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,180,219)">
+            <g transform="matrix(0,-1,1,0,180,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -52,9 +52,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,540 160,540 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,540 130,540 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,540,219)">
+            <g transform="matrix(0,-1,1,0,540,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -62,9 +62,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,47.5 320,47.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,47.5 260,47.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,47.500000,379)">
+            <g transform="matrix(0,-1,1,0,47.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -72,9 +72,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 312.5,95 C 312.5 160,282.5 160,282.5 219" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 312.5,80 C 312.5 130,282.5 130,282.5 174" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,282.500000,219)">
+            <g transform="matrix(0,-1,1,0,282.500000,174)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -82,9 +82,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,47.5 320,47.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,47.5 260,47.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,47.500000,379)">
+            <g transform="matrix(0,-1,1,0,47.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -92,9 +92,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,255 C 540 320,540 320,540 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,210 C 540 260,540 260,540 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,540,379)">
+            <g transform="matrix(0,-1,1,0,540,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -102,9 +102,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,122.5 320,122.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,122.5 260,122.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,122.500000,379)">
+            <g transform="matrix(0,-1,1,0,122.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -112,9 +112,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 180,255 C 180 320,312.5 320,312.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 180,210 C 180 260,312.5 260,312.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,312.500000,379)">
+            <g transform="matrix(0,-1,1,0,312.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -122,9 +122,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,387.5 320,387.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,387.5 260,387.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,387.500000,379)">
+            <g transform="matrix(0,-1,1,0,387.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -132,9 +132,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 282.5,255 C 282.5 320,197.5 320,197.5 379" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 282.5,210 C 282.5 260,197.5 260,197.5 304" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,197.500000,379)">
+            <g transform="matrix(0,-1,1,0,197.500000,304)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -142,9 +142,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,415 C 540 480,502.5 480,502.5 539" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,340 C 540 390,502.5 390,502.5 434" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,502.500000,539)">
+            <g transform="matrix(0,-1,1,0,502.500000,434)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -152,14 +152,14 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 540,415 C 540 480,577.5 480,577.5 539" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 540,340 C 540 390,577.5 390,577.5 434" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,-15 C 0 -15,0 -15,0 -15" class="key" stroke-width="3" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,577.500000,539)">
+            <g transform="matrix(0,-1,1,0,577.500000,434)">
               <path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
         </g>
-        <g fill="none" x="312.5" y="80" transform="matrix(1,0,0,1,312.500000,80)">
+        <g fill="none" x="312.5" y="65" transform="matrix(1,0,0,1,312.500000,65)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -171,7 +171,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="180" y="240" transform="matrix(1,0,0,1,180,240)">
+        <g fill="none" x="180" y="195" transform="matrix(1,0,0,1,180,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -183,7 +183,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="540" y="240" transform="matrix(1,0,0,1,540,240)">
+        <g fill="none" x="540" y="195" transform="matrix(1,0,0,1,540,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -195,7 +195,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="282.5" y="240" transform="matrix(1,0,0,1,282.500000,240)">
+        <g fill="none" x="282.5" y="195" transform="matrix(1,0,0,1,282.500000,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -207,7 +207,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="47.5" y="400" transform="matrix(1,0,0,1,47.500000,400)">
+        <g fill="none" x="47.5" y="325" transform="matrix(1,0,0,1,47.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -219,7 +219,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="540" y="400" transform="matrix(1,0,0,1,540,400)">
+        <g fill="none" x="540" y="325" transform="matrix(1,0,0,1,540,325)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -231,7 +231,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="122.5" y="400" transform="matrix(1,0,0,1,122.500000,400)">
+        <g fill="none" x="122.5" y="325" transform="matrix(1,0,0,1,122.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -243,7 +243,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="312.5" y="400" transform="matrix(1,0,0,1,312.500000,400)">
+        <g fill="none" x="312.5" y="325" transform="matrix(1,0,0,1,312.500000,325)">
           <g>
             <path fill="rgba(213,128,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -255,7 +255,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="387.5" y="400" transform="matrix(1,0,0,1,387.500000,400)">
+        <g fill="none" x="387.5" y="325" transform="matrix(1,0,0,1,387.500000,325)">
           <g>
             <path fill="rgba(213,128,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -267,7 +267,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="197.5" y="400" transform="matrix(1,0,0,1,197.500000,400)">
+        <g fill="none" x="197.5" y="325" transform="matrix(1,0,0,1,197.500000,325)">
           <g>
             <path fill="rgba(0,201,201,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -279,7 +279,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="502.5" y="560" transform="matrix(1,0,0,1,502.500000,560)">
+        <g fill="none" x="502.5" y="455" transform="matrix(1,0,0,1,502.500000,455)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
@@ -291,7 +291,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="577.5" y="560" transform="matrix(1,0,0,1,577.500000,560)">
+        <g fill="none" x="577.5" y="455" transform="matrix(1,0,0,1,577.500000,455)">
           <g>
             <path fill="rgba(240,143,86,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
diff --git a/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow.svg b/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow.svg
index 27698ba1894..d9d69e2e27b 100644
--- a/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow.svg
+++ b/packages/g6/__tests__/snapshots/layouts/dagre/antv-flow.svg
@@ -1,14 +1,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
   <defs/>
-  <g transform="matrix(0.485437,0,0,0.485437,-36.407745,-41.262142)">
+  <g transform="matrix(0.735294,0,0,0.735294,-9.191151,-36.764698)">
     <g fill="none">
       <g fill="none" class="elements">
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 650,110.9090909090909 L 419.6666666666667,194.66666666666666 Q 405 200,405 220 L 405,220 L 405,279" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 375,77 L 256.7857142857143,124.28571428571429 Q 242.5 130,242.5 150 L 242.5,150 L 242.5,174" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,405,279)">
+            <g transform="matrix(0,-1,1,0,242.500000,174)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -16,9 +16,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 710,108.10810810810811 L 1034.2553191489362,195.74468085106383 Q 1050 200,1050 220 L 1050,220 L 1050,300 L 1050,400 L 1050,500 L 1050,600 L 1050,700 L 1050,780 Q 1050 800,1050 820 L 1050,820 L 1050,879" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 435,73.86363636363636 L 609.561403508772,125.43859649122807 Q 625 130,625 150 L 625,150 L 625,195 L 625,260 L 625,325 L 625,390 L 625,455 L 625,500 Q 625 520,625 540 L 625,540 L 625,564" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,1050,879)">
+            <g transform="matrix(0,-1,1,0,625,564)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -26,9 +26,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 405,315 L 405,380 Q 405 400,414.18918918918916 410.81081081081084 L 414.18918918918916,410.81081081081084 L 473.36410947942676,480.42836409344324" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 242.5,210 L 242.5,240 Q 242.5 260,250.94444444444446 271.55555555555554 L 250.94444444444446,271.55555555555554 L 275.4983620024077,305.1556532664526" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(-0.647648,-0.761939,0.761939,-0.647648,473.364105,480.428375)">
+            <g transform="matrix(-0.590017,-0.807391,0.807391,-0.590017,275.498352,305.155640)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -36,9 +36,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 705.5,115 L 837.4074074074074,192.59259259259258 Q 850 200,850 220 L 850,220 L 850,279" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 426.9230769230769,80 L 488.125,121.875 Q 500 130,500 150 L 500,150 L 500,174" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,850,279)">
+            <g transform="matrix(0,-1,1,0,500,174)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -46,9 +46,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 835.75,315 L 764.7435897435897,389.7435897435897 Q 755 400,740.4794520547945 405.47945205479454 L 740.4794520547945,405.47945205479454 L 525.6136103137045,486.56090176841343" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 486.7307692307692,210 L 451.88775510204084,249.3877551020408 Q 442.5 260,428.47701149425285 265.97701149425285 L 428.47701149425285,265.97701149425285 L 325.5195395878433,309.86052411009956" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0.935602,-0.353057,0.353057,0.935602,525.613586,486.560913)">
+            <g transform="matrix(0.919923,-0.392098,0.392098,0.919923,325.519531,309.860535)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -56,9 +56,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 463,515 L 322.85714285714283,592.8571428571429 Q 310 600,310 620 L 310,620 L 310,679" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 265.7692307692308,340 L 197.35294117647058,382.3529411764706 Q 185 390,185 410 L 185,410 L 185,434" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,310,679)">
+            <g transform="matrix(0,-1,1,0,185,434)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -66,9 +66,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 517,515 L 657.1428571428571,592.8571428571429 Q 670 600,670 620 L 670,620 L 670,679" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 314.2307692307692,340 L 382.6470588235294,382.3529411764706 Q 395 390,395 410 L 395,410 L 395,434" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,670,679)">
+            <g transform="matrix(0,-1,1,0,395,434)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -76,9 +76,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 337,715 L 477.14285714285717,792.8571428571429 Q 490 800,490 820 L 490,820 L 490,879" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 209.23076923076923,470 L 277.6470588235294,512.3529411764706 Q 290 520,290 540 L 290,540 L 290,564" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,490,879)">
+            <g transform="matrix(0,-1,1,0,290,564)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -86,9 +86,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 283,715 L 142.85714285714286,792.8571428571429 Q 130 800,130 820 L 130,820 L 130,879" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 160.76923076923077,470 L 92.35294117647058,512.3529411764706 Q 80 520,80 540 L 80,540 L 80,564" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,130,879)">
+            <g transform="matrix(0,-1,1,0,80,564)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -96,9 +96,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 130,915 L 130,980 Q 130 1000,147.59036144578312 1002.4096385542168 L 147.59036144578312,1002.4096385542168 L 824.0555156274323,1095.0760980311552" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 80,600 L 80,630 Q 80 650,97.37373737373737 652.6262626262626 L 97.37373737373737,652.6262626262626 L 474.0673977047681,709.5683275600231" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(-0.990747,-0.135719,0.135719,-0.990747,824.055542,1095.076050)">
+            <g transform="matrix(-0.988767,-0.149465,0.149465,-0.988767,474.067383,709.568298)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -106,9 +106,9 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 1050,915 L 1050,980 Q 1050 1000,1036.896551724138 1006.8965517241379 L 1036.896551724138,1006.8965517241379 L 893.8095093342919,1082.2055214030042" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 625,600 L 625,630 Q 625 650,612.2222222222222 657.2222222222222 L 612.2222222222222,657.2222222222222 L 541.7618385707824,697.0476564599926" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0.884918,-0.465746,0.465746,0.884918,893.809509,1082.205566)">
+            <g transform="matrix(0.870563,-0.492057,0.492057,0.870563,541.761841,697.047668)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
@@ -116,128 +116,128 @@
         <g fill="none" marker-start="false" marker-end="true">
           <g fill="none" marker-start="false" marker-end="true" stroke="transparent" stroke-width="4"/>
           <g>
-            <path fill="none" d="M 851.5,315 L 858.1818181818181,381.8181818181818 Q 860 400,860 420 L 860,420 L 860,500 L 860,600 L 860,700 L 860,800 L 860,900 L 860,980 Q 860 1000,860 1020 L 860,1020 L 860,1079" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
+            <path fill="none" d="M 502.3076923076923,210 L 507.3333333333333,242.66666666666666 Q 510 260,510 280 L 510,280 L 510,325 L 510,390 L 510,455 L 510,520 L 510,585 L 510,630 Q 510 650,510 670 L 510,670 L 510,694" class="key" stroke-width="2" stroke="rgba(194,200,213,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="4" stroke="transparent"/>
-            <g transform="matrix(0,-1,1,0,860,1079)">
+            <g transform="matrix(0,-1,1,0,510,694)">
               <path fill="rgba(194,200,213,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(194,200,213,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
             </g>
           </g>
         </g>
-        <g fill="none" x="680" y="100" transform="matrix(1,0,0,1,680,100)">
+        <g fill="none" x="405" y="65" transform="matrix(1,0,0,1,405,65)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 0
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="405" y="300" transform="matrix(1,0,0,1,405,300)">
+        <g fill="none" x="242.5" y="195" transform="matrix(1,0,0,1,242.500000,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 1
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="1050" y="900" transform="matrix(1,0,0,1,1050,900)">
+        <g fill="none" x="625" y="585" transform="matrix(1,0,0,1,625,585)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 2
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="850" y="300" transform="matrix(1,0,0,1,850,300)">
+        <g fill="none" x="500" y="195" transform="matrix(1,0,0,1,500,195)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 3
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="490" y="500" transform="matrix(1,0,0,1,490,500)">
+        <g fill="none" x="290" y="325" transform="matrix(1,0,0,1,290,325)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 4
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="310" y="700" transform="matrix(1,0,0,1,310,700)">
+        <g fill="none" x="185" y="455" transform="matrix(1,0,0,1,185,455)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 5
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="670" y="700" transform="matrix(1,0,0,1,670,700)">
+        <g fill="none" x="395" y="455" transform="matrix(1,0,0,1,395,455)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 6
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="490" y="900" transform="matrix(1,0,0,1,490,900)">
+        <g fill="none" x="290" y="585" transform="matrix(1,0,0,1,290,585)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 7
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="130" y="900" transform="matrix(1,0,0,1,130,900)">
+        <g fill="none" x="80" y="585" transform="matrix(1,0,0,1,80,585)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 8
               </text>
             </g>
           </g>
         </g>
-        <g fill="none" x="860" y="1100" transform="matrix(1,0,0,1,860,1100)">
+        <g fill="none" x="510" y="715" transform="matrix(1,0,0,1,510,715)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -22,-15 l 44,0 a 8,8,0,0,1,8,8 l 0,14 a 8,8,0,0,1,-8,8 l -44,0 a 8,8,0,0,1,-8,-8 l 0,-14 a 8,8,0,0,1,8,-8 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="60" height="30" x="-30" y="-15"/>
           </g>
           <g fill="none" class="label" transform="matrix(1,0,0,1,0,2)">
             <g>
-              <text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
+              <text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="middle" fill-opacity="0.85" font-weight="400">
                 9
               </text>
             </g>
diff --git a/packages/g6/__tests__/snapshots/layouts/dagre/dagre.svg b/packages/g6/__tests__/snapshots/layouts/dagre/dagre.svg
index 47201a2c3ae..965e2cca8ec 100644
--- a/packages/g6/__tests__/snapshots/layouts/dagre/dagre.svg
+++ b/packages/g6/__tests__/snapshots/layouts/dagre/dagre.svg
@@ -6,39 +6,39 @@
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 80,134 L 80,248" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 80,100 L 80,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 128.29396325459317,348 L 215.70603674540683,438.5" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 141.33333333333331,250 L 203.5,300.67934782608694" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 264,348 L 264,438.5" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 264,250 L 264,300" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 440,134 L 440,248" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 440,100 L 440,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
         <g fill="none" marker-start="false" marker-end="false">
           <g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
           <g>
-            <path fill="none" d="M 393.8057742782152,348 L 310.1942257217848,438.5" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
+            <path fill="none" d="M 381.3333333333333,250 L 322.6666666666667,300" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
             <path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="3" stroke="transparent"/>
           </g>
         </g>
-        <g fill="none" x="80" y="84" transform="matrix(1,0,0,1,80,84)">
+        <g fill="none" x="80" y="50" transform="matrix(1,0,0,1,80,50)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -72,-50 l 144,0 l 0,100 l-144 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="144" height="100" x="-72" y="-50"/>
           </g>
@@ -50,7 +50,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="80" y="298" transform="matrix(1,0,0,1,80,298)">
+        <g fill="none" x="80" y="200" transform="matrix(1,0,0,1,80,200)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -80,-50 l 160,0 l 0,100 l-160 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="160" height="100" x="-80" y="-50"/>
           </g>
@@ -62,7 +62,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="264" y="298" transform="matrix(1,0,0,1,264,298)">
+        <g fill="none" x="264" y="200" transform="matrix(1,0,0,1,264,200)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -54,-50 l 108,0 l 0,100 l-108 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="108" height="100" x="-54" y="-50"/>
           </g>
@@ -74,7 +74,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="440" y="84" transform="matrix(1,0,0,1,440,84)">
+        <g fill="none" x="440" y="50" transform="matrix(1,0,0,1,440,50)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -84,-50 l 168,0 l 0,100 l-168 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="168" height="100" x="-84" y="-50"/>
           </g>
@@ -86,7 +86,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="440" y="298" transform="matrix(1,0,0,1,440,298)">
+        <g fill="none" x="440" y="200" transform="matrix(1,0,0,1,440,200)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -72,-50 l 144,0 l 0,100 l-144 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="144" height="100" x="-72" y="-50"/>
           </g>
@@ -98,7 +98,7 @@
             </g>
           </g>
         </g>
-        <g fill="none" x="264" y="488.5" transform="matrix(1,0,0,1,264,488.500000)">
+        <g fill="none" x="264" y="350" transform="matrix(1,0,0,1,264,350)">
           <g>
             <path fill="rgba(23,131,255,1)" d="M -60.5,-50 l 121,0 l 0,100 l-121 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="121" height="100" x="-60.5" y="-50"/>
           </g>
diff --git a/packages/g6/package.json b/packages/g6/package.json
index 72d80295b06..a82822d7a9b 100644
--- a/packages/g6/package.json
+++ b/packages/g6/package.json
@@ -60,19 +60,19 @@
     "@antv/algorithm": "^0.1.26",
     "@antv/component": "^2.1.1",
     "@antv/event-emitter": "^0.1.3",
-    "@antv/g": "^6.1.4",
-    "@antv/g-canvas": "^2.0.20",
-    "@antv/g-plugin-dragndrop": "^2.0.15",
+    "@antv/g": "^6.1.6",
+    "@antv/g-canvas": "^2.0.22",
+    "@antv/g-plugin-dragndrop": "^2.0.17",
     "@antv/graphlib": "^2.0.3",
     "@antv/hierarchy": "^0.6.14",
-    "@antv/layout": "1.2.14-beta.8",
+    "@antv/layout": "1.2.14-beta.9",
     "@antv/util": "^3.3.10",
     "bubblesets-js": "^2.3.4",
     "hull.js": "^1.0.6"
   },
   "devDependencies": {
-    "@antv/g-svg": "^2.0.17",
-    "@antv/g-webgl": "^2.0.24",
+    "@antv/g-svg": "^2.0.19",
+    "@antv/g-webgl": "^2.0.26",
     "@antv/layout-gpu": "^1.1.7",
     "@antv/layout-wasm": "^1.4.2",
     "@types/hull.js": "^1.0.4",
diff --git a/packages/g6/src/runtime/layout.ts b/packages/g6/src/runtime/layout.ts
index 46c8c4bf748..fad01e9dbff 100644
--- a/packages/g6/src/runtime/layout.ts
+++ b/packages/g6/src/runtime/layout.ts
@@ -16,7 +16,6 @@ import { createTreeStructure } from '../utils/graphlib';
 import { idOf } from '../utils/id';
 import { isTreeLayout, layoutAdapter, layoutMapping2GraphData } from '../utils/layout';
 import { print } from '../utils/print';
-import { parseSize } from '../utils/size';
 import { dfs } from '../utils/traverse';
 import type { RuntimeContext } from './types';
 
@@ -299,7 +298,7 @@ export class LayoutController {
         const nodeElement = element?.getElement<Node | Combo>(node.id as string);
         const { size } = nodeElement?.attributes || {};
 
-        return Math.max(...parseSize(size));
+        return size;
       });
 
     const Ctor = getExtension('layout', type);
diff --git a/packages/site/examples/scene-case/default/demo/organization-chart.js b/packages/site/examples/scene-case/default/demo/organization-chart.js
index 73d24a5e34b..b268fa384c6 100644
--- a/packages/site/examples/scene-case/default/demo/organization-chart.js
+++ b/packages/site/examples/scene-case/default/demo/organization-chart.js
@@ -195,7 +195,6 @@ fetch('https://assets.antv.antgroup.com/g6/organization-chart.json')
       },
       layout: {
         type: 'dagre',
-        nodeSize: [150, 60],
       },
       autoFit: 'view',
       behaviors: ['level-of-detail', 'zoom-canvas', 'drag-canvas'],
diff --git a/packages/site/examples/scene-case/default/demo/performance-diagnosis-flowchart.js b/packages/site/examples/scene-case/default/demo/performance-diagnosis-flowchart.js
index bf585908b70..738e0b766f5 100644
--- a/packages/site/examples/scene-case/default/demo/performance-diagnosis-flowchart.js
+++ b/packages/site/examples/scene-case/default/demo/performance-diagnosis-flowchart.js
@@ -89,10 +89,10 @@ export const PerformanceDiagnosisFlowchart = () => {
               };
 
               const size = {
-                'pre-inspection': [240, 80],
-                problem: [200, 80],
-                inspection: [280, 100],
-                solution: [240, 60],
+                'pre-inspection': [240, 120],
+                problem: [200, 120],
+                inspection: [330, 100],
+                solution: [200, 120],
               }[d.data.type] || [200, 80];
 
               Object.assign(style, {
@@ -142,9 +142,6 @@ export const PerformanceDiagnosisFlowchart = () => {
           },
           layout: {
             type: 'antv-dagre',
-            nodeSize: [200, 40],
-            nodesep: 50,
-            ranksep: 5,
           },
           behaviors: ['zoom-canvas', 'drag-canvas', 'hover-element', 'click-select'],
         });
diff --git a/packages/site/package.json b/packages/site/package.json
index 309b6977889..221ef8da023 100644
--- a/packages/site/package.json
+++ b/packages/site/package.json
@@ -41,9 +41,9 @@
     "@ant-design/icons": "^5.5.1",
     "@antv/algorithm": "^0.1.26",
     "@antv/dumi-theme-antv": "^0.5.3",
-    "@antv/g": "^6.1.4",
-    "@antv/g-svg": "^2.0.17",
-    "@antv/g-webgl": "^2.0.24",
+    "@antv/g": "^6.1.6",
+    "@antv/g-svg": "^2.0.19",
+    "@antv/g-webgl": "^2.0.26",
     "@antv/g2": "^5.2.7",
     "@antv/g6": "workspace:*",
     "@antv/g6-extension-3d": "workspace:*",