- ส่งแล้ว
- 3 กุมภาพันธ์ 2569 เวลา 00:26 UTC
- ผู้เขียน
- kamo
- ตั้งค่า
- 8e3997c
Key changes: - Use direct DOM manipulation (setAttribute) instead of React state for line updates - Single rAF loop runs continuously and updates all path elements every frame - Store path refs in Map and update d attribute directly in animation loop - Use refs for connection/item data to avoid stale closures in rAF - Remove CSS transitions (don't work for SVG d attribute anyway) - Smooth frame-rate-independent animation phase calculation - Mouse position tracked in ref, updated on mousemove, used in rAF loop - Much more efficient: no React re-renders needed for line updates - Lines now update in real-time during drag, not just on drop