gardel/lightrag
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplify zoom control logic by using fixed ratio

Browse Source
This commit is contained in:
yangdx
2025-03-15 23:23:48 +08:00
parent 6c9270a8ad
commit ce6ad75b23
3 changed files with 41 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
lightrag/api/webui/assets/index-BNaZrUgP.js → lightrag/api/webui/assets/index-DG6MIDBJ.js
View File

File diff suppressed because one or more lines are too long

2
lightrag/api/webui/index.html
View File

@@ -8,7 +8,7 @@
<link rel="icon" type="image/svg+xml" href="./logo.png" /> <link rel="icon" type="image/svg+xml" href="./logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Lightrag</title> <title>Lightrag</title>
<script type="module" crossorigin src="./assets/index-BNaZrUgP.js"></script> <script type="module" crossorigin src="./assets/index-DG6MIDBJ.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-TPDyec81.css"> <link rel="stylesheet" crossorigin href="./assets/index-TPDyec81.css">
</head> </head>
<body> <body>

31
lightrag_webui/src/components/graph/ZoomControl.tsx
View File

@@ -46,37 +46,8 @@ const ZoomControl = () => {
return return
} }
// Get all node positions
const nodePositions = graph.nodes().map(node => ({
x: graph.getNodeAttribute(node, 'x'),
y: graph.getNodeAttribute(node, 'y')
}))
// Calculate bounding box
const minX = Math.min(...nodePositions.map(pos => pos.x))
const maxX = Math.max(...nodePositions.map(pos => pos.x))
const minY = Math.min(...nodePositions.map(pos => pos.y))
const maxY = Math.max(...nodePositions.map(pos => pos.y))
// Calculate graph dimensions with minimal padding
const width = maxX - minX
const height = maxY - minY
// const padding = Math.max(width, height) * 0.05
console.log('Graph W:', Math.round(width*100)/100, 'H:', Math.round(height*100)/100)
// Calculate base scale
const scale = Math.min(
(containerWidth - containerPadding * 2) / width,
(containerHeight - containerPadding * 2) / height
)
// Apply scaling factor (just don't know why)
const ratio = (1 / scale) * 10
console.log('scale:', Math.round(scale*100)/100, 'ratio:', Math.round(ratio*100)/100)
// Animate to center with calculated ratio
sigma.getCamera().animate( sigma.getCamera().animate(
{ x: 0.5, y: 0.5, ratio }, { x: 0.5, y: 0.5, ratio: 1.1 },
{ duration: 1000 } { duration: 1000 }
) )
} catch (error) { } catch (error) {