Initial TrueGrowth source import
This commit is contained in:
140
docs/user-manual/content/drawing/shapes.mdx
Normal file
140
docs/user-manual/content/drawing/shapes.mdx
Normal file
@@ -0,0 +1,140 @@
|
||||
---
|
||||
title: 形状工具
|
||||
category: drawing
|
||||
order: 2
|
||||
---
|
||||
|
||||
# 形状工具
|
||||
|
||||
形状工具可以快速创建矩形、圆形、箭头等几何图形。
|
||||
|
||||
## 快速开始
|
||||
|
||||
### 第 1 步:选择形状工具
|
||||
|
||||
点击工具栏中的形状图标。
|
||||
|
||||
<Screenshot id="shape-step-1" alt="选择形状" />
|
||||
|
||||
### 第 2 步:创建形状
|
||||
|
||||
**方法一**:点击画布
|
||||
|
||||
在画布上点击,会在该位置创建一个默认大小的形状。
|
||||
|
||||
**方法二**:拖拽创建
|
||||
|
||||
1. 在画布上按住鼠标
|
||||
2. 拖动到想要的大小
|
||||
3. 松开鼠标完成
|
||||
|
||||
<Screenshot id="shape-step-2" alt="创建形状" />
|
||||
|
||||
按住 `Shift` 键拖拽可以创建正方形或正圆。
|
||||
|
||||
## 形状类型
|
||||
|
||||
点击形状工具旁边的小箭头,可以选择不同形状:
|
||||
|
||||
### 基础形状
|
||||
|
||||
- **矩形** (`R` 键) - 最常用的形状
|
||||
- **圆形/椭圆** (`O` 键) - 圆形和椭圆
|
||||
- **三角形** - 等边三角形
|
||||
- **菱形** - 45度旋转的正方形
|
||||
|
||||
### 箭头
|
||||
|
||||
- **直线箭头** (`A` 键) - 单向箭头
|
||||
- **双向箭头** - 表示双向关系
|
||||
- **折线箭头** - 带拐点的箭头
|
||||
|
||||
## 编辑形状
|
||||
|
||||
### 调整大小
|
||||
|
||||
选中形状后,拖动角落或边缘的控制点来调整大小。
|
||||
|
||||
**技巧**:
|
||||
- 按住 `Shift` 保持等比例缩放
|
||||
- 拖动角点可以同时改变宽高
|
||||
- 拖动边点只改变单一方向
|
||||
|
||||
### 移动位置
|
||||
|
||||
选中形状后:
|
||||
- 直接拖动到新位置
|
||||
- 或用方向键微调
|
||||
|
||||
### 旋转
|
||||
|
||||
选中形状后,拖动上方的旋转手柄。
|
||||
|
||||
### 修改样式
|
||||
|
||||
选中形状后,可以在工具栏中修改:
|
||||
|
||||
- **填充颜色** - 形状内部的颜色
|
||||
- **边框颜色** - 形状轮廓的颜色
|
||||
- **边框粗细** - 轮廓线的宽度
|
||||
|
||||
### 添加文字
|
||||
|
||||
双击形状,可以在内部添加文字。文字会自动居中显示。
|
||||
|
||||
## 连接形状
|
||||
|
||||
### 用箭头连接
|
||||
|
||||
1. 选择箭头工具
|
||||
2. 从一个形状拖到另一个形状
|
||||
3. 箭头会自动连接两个形状
|
||||
|
||||
### 连接点
|
||||
|
||||
当你移动形状时,连接的箭头会自动调整位置。
|
||||
|
||||
## 组合操作
|
||||
|
||||
### 多选
|
||||
|
||||
按住 `Ctrl/Cmd` 键点击多个形状,或拖动框选多个形状。
|
||||
|
||||
### 组合
|
||||
|
||||
选中多个形状后,按 `Ctrl/Cmd + G` 组合成一个整体。
|
||||
|
||||
### 取消组合
|
||||
|
||||
选中组合后,按 `Ctrl/Cmd + Shift + G` 取消组合。
|
||||
|
||||
## 对齐
|
||||
|
||||
选中多个形状后,可以使用对齐功能:
|
||||
|
||||
- **左对齐** - 所有形状的左边对齐
|
||||
- **居中对齐** - 所有形状的中心对齐
|
||||
- **右对齐** - 所有形状的右边对齐
|
||||
- **等距分布** - 均匀分布间距
|
||||
|
||||
## 快捷键
|
||||
|
||||
| 快捷键 | 功能 |
|
||||
|--------|------|
|
||||
| `R` | 矩形工具 |
|
||||
| `O` | 椭圆工具 |
|
||||
| `A` | 箭头工具 |
|
||||
| `Shift + 拖拽` | 创建正方形/正圆 |
|
||||
| `Ctrl/Cmd + G` | 组合 |
|
||||
| `Ctrl/Cmd + Shift + G` | 取消组合 |
|
||||
| `Ctrl/Cmd + D` | 复制形状 |
|
||||
|
||||
## 小贴士
|
||||
|
||||
:::tip
|
||||
双击形状可以直接编辑内部文字,无需切换到文本工具。
|
||||
:::
|
||||
|
||||
:::tip
|
||||
按住 `Alt` 键拖拽形状可以复制一个新的形状。
|
||||
:::
|
||||
Reference in New Issue
Block a user