辅助行

此示例演示了如何实现对齐辅助线。当你拖动节点时，这些可视辅助线会自动出现，以帮助节点相互对齐，同时吸附机制确保精确定位。

🌐 This example demonstrates how to implement alignment helper lines. As you drag nodes around, these visual guides appear automatically to help align nodes with each other, while a snapping mechanism ensures precise positioning.

该实现可处理水平和垂直对齐，并与视口的变换和缩放正确配合，确保即使在缩放或平移时参考线也能保持准确。

🌐 The implementation handles both horizontal and vertical alignment and works correctly with the viewport’s transform and scale, ensuring the guides remain accurate even when zoomed or panned.

关于此 Pro 示例

🌐 About this Pro Example

• 依赖: @xyflow/react 
• 许可证：xyflow Pro 许可证