canvas拖拽节点需用tag_bind绑定事件并统一打tag（如"node"），通过find_closest定位目标，记录偏移防跳变；连线须用coords动态更新端点，避免悬空，且需区分节点与连线的hit-area以防误触发。
如何用 Canvas 创建带拖拽的节点
直接绑定 bind 事件到 Canvas 上无法区分哪个图形被点中，必须配合 find_closest 或 find_withtag 定位。节点建议用 create_oval 或 create_rectangle 绘制，并统一打上 tag（比如 "node"），否则拖拽时会找不到目标。
关键步骤：
- 创建节点时传入
tag="node"，例如：canvas.create_oval(x, y, x+60, y+40, fill="lightblue", tag="node") - 在
<button-1></button-1>回调里用canvas.find_closest(event.x, event.y)获取最近图形 ID - 用
canvas.gettags(item_id)判断是否属于"node"，避免误触连线或背景 - 记录鼠标按下时的偏移量（
event.x - node_x），否则拖拽会跳变
连线怎么画才不会随节点移动而断开
用 create_line 绘制连线时，如果只传固定坐标，节点一动线就悬空。正确做法是把线和两个节点绑定，每次节点移动后调用 coords 更新线段端点。
实操要点：
- 连线创建时也打上
tag="edge"，并用canvas.addtag_withtag("edge", line_id)确保可批量操作 - 节点移动后，遍历所有
canvas.find_withtag("edge")，对每条线用canvas.coords(line_id, x1, y1, x2, y2)重设坐标 - 别用
itemconfigure改线——它不支持改坐标，只能用coords - 为避免频繁重绘卡顿，可加个简单脏标记（如
self.moving_node），只在节点释放后批量更新
为什么点击连线会误触发节点拖拽
默认所有图形响应同一组事件，find_closest 返回的是离点击点最近的图形 ID，而连线往往比节点更“细长”，容易抢到焦点。这不是 bug，是 Canvas 的查找逻辑决定的。
解决方法：
- 给节点设置更大 hit-area：用
create_oval时扩大半径，或额外加一层透明create_rectangle作为热区 - 在点击回调里加距离判断：拿到
find_closest结果后，用canvas.coords(item_id)取出坐标，手动算欧氏距离，只响应距离 - 优先检测节点再检测连线：先查
find_withtag("node")范围内有没有匹配项，没有才查"edge" - 给连线加
state="disabled"，让它不响应鼠标事件，需要选中时再临时启用
保存流程图时图像坐标错乱怎么办
Canvas 默认坐标系原点在左上角，且不随滚动变化，但如果你用了 scrollregion 或 scale，导出的坐标就会和视觉位置不一致。
导出前必须做两件事：
- 用
canvas.xview()和canvas.yview()获取当前滚动偏移，从节点坐标中减去该值 - 若调用过
canvas.scale("all", 0, 0, scale_x, scale_y)，导出坐标需除以对应缩放因子 - 推荐用
canvas.postscript(file="out.ps", colormode="color")导出，它自动处理缩放和滚动；转 PNG 需额外依赖ghostscript，别直接用tkinter截图 - 结构化保存建议：用字典存每个
node的(x, y, width, height)和edges的起点/终点 ID，而不是 raw 坐标
流程图交互的核心不在画得多漂亮，而在坐标管理是否闭环——节点、连线、事件、导出，四者坐标必须始终同源。稍有脱节，拖拽就飘、连线就断、保存就偏。
Python免费学习笔记（深入）：立即使用
在学习笔记中，你将探索 Python 的核心概念和高级技巧！
