Politur: Proportionale Hit-Erkennungszone (size + 5) in nodePointerAreaPaint fuer exaktes Hovern bei skalierten Knotengroessen

2026-07-09 12:48:15 +02:00
parent c0586c3fad
commit c452b873b7
4 changed files with 8 additions and 6 deletions
@@ -155,11 +155,13 @@ export function GraphView({ data, selectedNodeId, onNodeSelect }: {
        backgroundColor="rgba(0,0,0,0)"
        cooldownTicks={120}
        
-        // Ultraschneller, statischer Klick- & Hover-Puffer auf dem Hit-Canvas (verhindert teure Echtzeitrechnungen)
+        // Exakte Hit-Map auf unsichtbarem Canvas proportional zur visuellen Knotengröße zeichnen (inkl. 5px Puffer)
        nodePointerAreaPaint={(node: any, color: string, ctx: CanvasRenderingContext2D) => {
          ctx.fillStyle = color
          ctx.beginPath()
-          ctx.arc(node.x ?? 0, node.y ?? 0, 16, 0, 2 * Math.PI, false)
+          const nId = typeof node === "object" ? node.id : node
+          const size = 6 + Math.min(degree[nId] || 0, 15) * 0.8
+          ctx.arc(node.x ?? 0, node.y ?? 0, size + 5, 0, 2 * Math.PI, false)
          ctx.fill()
        }}