100%
| 添加形状 | 从左侧面板拖入画布，或单击形状后在画布点击放置（放置一次后自动退出，Esc 取消） |
| 添加图片 | 拖入「图片」形状 → 选择本地图片，自动上传图床后作为节点插入，可像普通形状一样连线 |
| 双击 画布空白 | 快速新建矩形并输入文字 |
| 双击 形状 / 连线 | 编辑文字 / 连线标签 |
| 拖拽锚点 → 另一形状 | 建立带箭头的连线（悬停形状边缘出现蓝色锚点） |
| Ctrl+滚轮 | 以光标为中心缩放 |
| 滚轮 / 空格+拖拽 / 中键拖拽 | 平移画布 |
| Ctrl+0 / Ctrl+1 | 缩放 100% / 适应画布 |
| Ctrl+Z / Ctrl+Y | 撤销 / 重做 |
| Ctrl+C / V / D | 复制 / 粘贴 / 直接复制一份 |
| Delete | 删除选中元素 |
| Ctrl+A | 全选 |
| 方向键（+Shift） | 微调位置 1px（10px） |
| Ctrl+S | 导出 JSON 工程文件 |
| Enter / Shift+Enter | 编辑文字时：确认 / 换行，Esc 取消 |
| 矩形 | 处理步骤 / 具体操作，如「计算总价」「发送请求」「主管审批」 |
| 圆角矩形 | 流程的起点与终点（终止符），如「开始」「结束」 |
| 菱形 | 条件判断 / 分支，如「余额充足？」，配合连线上的「是 / 否」标签 |
| 平行四边形 | 数据输入 / 输出，如「用户填写表单」「打印报表」 |
| 椭圆 | 起止符的另一种画法，也可表示流程状态或页面间的连接点 |
| 圆柱 | 数据存储：数据库、文件、磁盘等持久化载体 |
| 文档 | 单据、报告、合同等文档类输入或输出 |
| 六边形 | 准备 / 设置类步骤，如「初始化参数」「进入循环前的设置」 |
| 手动输入 | 需要人工录入或操作的数据（梯形），如「人工核对订单」 |
| 子程序 | 已定义好的子流程 / 模块（双竖线矩形），内部细节另画一张图 |
| 文本 | 纯注释、说明文字，无边框，不参与流程走向 |
| 图片 | 上传到图床的图片，作为节点参与流程与连线；导出 PNG/SVG 时自动内嵌图片数据 |