添加节点、连线与自由绘制
选择与移动
画布中最基本的操作:
- 选择工具(默认激活)——点击选中单个元素,框选多个
- 抓手工具——拖拽平移整个画布视图
- 双击空白区域——在该位置创建新文本节点
- 拖拽元素——自由移动位置,或按对齐/网格吸附规则
插入元素
画布可以插入多种元素:
| 元素类型 | 用途 |
|---|---|
| 文本节点 | 文字说明、标题、注释 |
| 图片 | 从文件、剪贴板、图床引入 |
| 分组 | 把多个元素收拢到一个框里 |
| 流程图形状 | 标准流程图节点(矩形、菱形、圆角矩形等) |
| 连接线 | 表达节点间关系 |
| 记录/笔记引用 | 从记录或写作工作区拖入 |
从其他工作区拖入
这是画布和其他工作区联动的核心:
- 从记录列表拖入——文本、图片、链接、文件、待办都能拖进画布变成节点
- 从文件管理器拖入——Markdown 笔记变成引用节点,双击跳回写作页
拖入后,画布保留对源内容的引用——源笔记修改后,画布中的引用节点内容也会更新。但图片和截图是嵌入的,不会随源更新。
连接线
连接线表达节点之间的关系:
- 选中起点节点,按住连接点拖到终点节点
- 松开鼠标,自动创建连接
- 点击连接线可以编辑:改颜色、改样式(直线/曲线/折线)、添加标签文字
连接线也可以 AI 自动生成——让 AI 根据你画布上的节点内容推理出关系并连线。
自由绘制
NoteGen 画布支持手绘:
- 画笔——自由手绘线条
- 高亮笔——高亮标注区域
- 橡皮擦——擦除手绘内容
手绘内容不会被 Mermaid 导出,但 PNG/SVG 导出会完整保留。
对齐与布局
- 网格吸附——默认开启,帮助保持对齐
- 批量对齐——选中多个元素后,顶对齐、底对齐、左对齐、右对齐、水平/垂直居中
- 分布——选中多个元素后,让它们间距相等
- 层级——调整元素上下叠放顺序
批量操作
选中多个元素后可以:
- 移动、缩放、旋转
- 调整颜色、边框、透明度
- 组合为自定义组件(方便在当前画布重复使用)
- 批量删除
元素属性面板
选中元素后右侧会出现属性面板:
- 调整文字、字号、颜色
- 修改边框粗细和颜色
- 调整透明度和圆角
- 设置节点尺寸
- 修改连接线标签
实时预览,改完即生效。