Skip to content
一个无限画布教程
搜索文档
K
Main Navigation
课程
案例
文档
实验
简体中文
English
RSS
简体中文
English
主题
RSS
菜单
回到顶部
页面导航
课程 27 - 吸附与对齐
Excalidraw 中的 snapping 功能实现分为以下几个关键步骤:
检查当前操作是否允许吸附(isSnappingEnabled)。
计算所有可吸附的点和间隙(getPointSnaps/getGapSnaps)。
拖拽/缩放时实时计算吸附偏移和辅助线(snapDraggedElements/snapResizingElements)。
把 snapLines 传递到 UI 层,canvas 上渲染辅助线(renderSnaps.ts)。
扩展阅读
How to snap shapes positions on dragging with Konva?
Custom snapping in tldraw