辅助行

本示例演示了如何实现对齐辅助线。当你拖动节点时，这些视觉引导会自动出现，以帮助将节点彼此对齐，而捕捉机制则可确保精确定位。

¥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 

  ¥Dependencies: @xyflow/react 

• 许可证：xyflow 专业版许可证 

  ¥License: xyflow Pro License