180 lines
3.7 KiB
Plaintext
180 lines
3.7 KiB
Plaintext
---
|
||
title: 插入内容到画布
|
||
category: getting-started
|
||
order: 2
|
||
---
|
||
|
||
# 插入内容到画布
|
||
|
||
学习如何将各种内容添加到画布中，包括图片、文字、形状等。
|
||
|
||
<Screenshot id="insert-tools" />
|
||
<p class="screenshot-caption">工具栏中的插入工具</p>
|
||
|
||
## 插入图片
|
||
|
||
### 方法一：快捷键上传
|
||
|
||
按 `Ctrl/Cmd + U`，打开文件选择器选择图片。
|
||
|
||
### 方法二：工具栏按钮
|
||
|
||
点击工具栏的 **图片** 按钮，选择本地图片文件。
|
||
|
||
### 方法三：拖拽上传
|
||
|
||
直接将图片文件从电脑拖拽到画布上。
|
||
|
||
### 方法四：粘贴图片
|
||
|
||
复制图片后（从网页、截图工具等），在画布上按 `Ctrl/Cmd + V` 粘贴。
|
||
|
||
### 方法五：从素材库选择
|
||
|
||
<Screenshot id="insert-from-library" />
|
||
<p class="screenshot-caption">点击素材库按钮打开素材库</p>
|
||
|
||
1. 打开素材库
|
||
2. 点击想要的图片
|
||
3. 图片自动添加到画布
|
||
|
||
## 插入 AI 生成的内容
|
||
|
||
### 图片生成后自动插入
|
||
|
||
使用 AI 生成图片后，生成的图片会自动插入到画布上：
|
||
|
||
1. 如果之前有选中的元素 → 插入到选中元素下方
|
||
2. 如果没有选中元素 → 插入到画布中间或最下方
|
||
|
||
### 从任务队列插入
|
||
|
||
1. 打开任务队列面板
|
||
2. 找到已完成的任务
|
||
3. 点击 **插入到画布** 按钮
|
||
|
||
### 从素材库插入
|
||
|
||
所有 AI 生成的图片都会保存到素材库，可以随时插入。
|
||
|
||
## 插入文本
|
||
|
||
### 方法一：文本工具
|
||
|
||
1. 按 `T` 键或点击文本工具
|
||
2. 在画布上点击
|
||
3. 开始输入文字
|
||
|
||
### 方法二：直接粘贴
|
||
|
||
从其他地方复制文字，在画布上按 `Ctrl/Cmd + V`，文字会自动创建文本框。
|
||
|
||
### 在形状中添加文字
|
||
|
||
双击任何形状，即可在其中添加文字。
|
||
|
||
## 插入形状
|
||
|
||
### 使用形状工具
|
||
|
||
1. 点击工具栏的 **形状** 按钮
|
||
2. 选择形状类型（矩形、圆形等）
|
||
3. 在画布上点击或拖拽创建
|
||
|
||
### 快捷键创建
|
||
|
||
| 快捷键 | 形状 |
|
||
|--------|------|
|
||
| `R` | 矩形 |
|
||
| `O` | 椭圆 |
|
||
| `A` | 箭头 |
|
||
|
||
## 插入思维导图
|
||
|
||
### 方法一：快捷键
|
||
|
||
按 `M` 键，然后在画布上点击创建。
|
||
|
||
### 方法二：AI 生成
|
||
|
||
在输入框描述你的主题，AI 会自动生成思维导图结构。
|
||
|
||
### 方法三：Markdown 转换
|
||
|
||
使用工具箱中的 **Markdown 转思维导图** 工具。
|
||
|
||
## 插入流程图
|
||
|
||
### 方法一：AI 生成
|
||
|
||
在输入框描述流程，AI 自动生成流程图。
|
||
|
||
### 方法二：Mermaid 转换
|
||
|
||
使用工具箱中的 **Mermaid 转流程图** 工具。
|
||
|
||
### 方法三：手动绘制
|
||
|
||
使用形状工具和箭头工具手动绘制。
|
||
|
||
## 插入位置
|
||
|
||
新插入的内容会根据以下规则确定位置：
|
||
|
||
1. **有选中元素时** - 插入到选中元素附近（下方或右侧）
|
||
2. **无选中元素时** - 插入到画布可视区域中心
|
||
3. **画布有内容时** - 插入到现有内容的下方
|
||
|
||
:::tip
|
||
如果想精确控制插入位置，先用选择工具点击目标位置附近的元素。
|
||
:::
|
||
|
||
## 调整插入后的内容
|
||
|
||
内容插入后，可以：
|
||
|
||
### 移动
|
||
|
||
选中后直接拖动，或用方向键微调。
|
||
|
||
### 调整大小
|
||
|
||
拖动选中框的角点或边点。
|
||
|
||
### 旋转
|
||
|
||
拖动选中框上方的旋转手柄。
|
||
|
||
### 删除
|
||
|
||
选中后按 `Delete` 或 `Backspace` 键。
|
||
|
||
## 批量操作
|
||
|
||
### 选择多个元素
|
||
|
||
- **框选** - 拖动鼠标框选多个元素
|
||
- **Ctrl/Cmd + 点击** - 追加选择
|
||
|
||
### 批量移动
|
||
|
||
选中多个元素后一起拖动。
|
||
|
||
### 对齐
|
||
|
||
选中多个元素后，使用对齐功能整齐排列。
|
||
|
||
## 小贴士
|
||
|
||
:::tip
|
||
使用 `Ctrl/Cmd + V` 粘贴是最快的插入方式，支持图片和文字。
|
||
:::
|
||
|
||
:::tip
|
||
AI 生成的内容会自动插入到合适的位置，不需要手动操作。
|
||
:::
|
||
|
||
:::note
|
||
支持的图片格式：PNG、JPG、GIF、WebP、SVG
|
||
:::
|