图片与媒体 #

插入图片方式：

插入菜单：
┌─────────────────────────────────────┐
│  插入 → 图片                        │
│  ├── 从网址上传                     │
│  ├── 从云端硬盘上传                 │
│  ├── 从相册上传                     │
│  ├── 从设备上传                     │
│  ├── 通过网址上传                   │
│  ├── 拍照                           │
│  └── 图片搜索                       │
└─────────────────────────────────────┘

各来源说明：

┌─────────────────────────────────────────────────────────────┐
│                    图片来源选项                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  从设备上传：                                                │
│  ├── 从电脑选择图片文件                                      │
│  ├── 支持 JPG、PNG、GIF、SVG 等                             │
│  └── 最常用的方式                                            │
│                                                             │
│  从云端硬盘：                                                │
│  ├── 选择 Drive 中已有的图片                                 │
│  ├── 方便复用                                                │
│  └── 保持关联                                                │
│                                                             │
│  从相册：                                                    │
│  ├── 选择 Google 相册中的图片                                │
│  └── 适合移动端拍摄的照片                                    │
│                                                             │
│  通过网址：                                                  │
│  ├── 输入图片 URL                                           │
│  └── 直接从网络获取                                          │
│                                                             │
│  图片搜索：                                                  │
│  ├── 内置图片搜索                                            │
│  ├── 筛选使用权限                                            │
│  └── 注意版权                                                │
│                                                             │
│  拍照：                                                      │
│  ├── 使用摄像头拍照                                          │
│  └── 直接插入文档                                            │
│                                                             │
└─────────────────────────────────────────────────────────────┘

拖放上传图片：

操作步骤：
1. 打开文件管理器
   ┌─────────────────────────────────────┐
   │  找到要上传的图片文件               │
   └─────────────────────────────────────┘

2. 拖动到文档
   ┌─────────────────────────────────────┐
   │  拖动图片文件到文档编辑区域         │
   │  ├── 出现拖放提示                   │
   │  └── 松开鼠标                       │
   └─────────────────────────────────────┘

3. 图片自动插入
   ┌─────────────────────────────────────┐
   │  图片自动上传并插入到光标位置       │
   └─────────────────────────────────────┘

支持格式：
├── JPG / JPEG
├── PNG
├── GIF（支持动画）
├── SVG（矢量图）
├── BMP
└── WEBP

粘贴图片：

方式一：剪贴板粘贴
┌─────────────────────────────────────┐
│  复制图片（从其他应用）             │
│  ├── Ctrl+C / ⌘+C                  │
│  在 Docs 中粘贴                     │
│  └── Ctrl+V / ⌘+V                  │
└─────────────────────────────────────┘

方式二：截图粘贴
┌─────────────────────────────────────┐
│  使用截图工具                       │
│  ├── Windows: Win+Shift+S          │
│  ├── macOS: ⌘+Shift+4              │
│  直接在 Docs 中粘贴                 │
│  └── 截图自动插入                   │
└─────────────────────────────────────┘

方式三：从网页拖放
├── 从网页拖动图片
└── 直接放到文档中

调整图片大小：

方式一：拖动调整
┌─────────────────────────────────────┐
│  点击图片选中                       │
│  ├── 出现调整手柄                   │
│  │   ┌─────────────────┐           │
│  │   │ ○               │           │
│  │   │       图片      │○          │
│  │   │               ○ │           │
│  │   └─────────────────┘           │
│  └── 拖动角落手柄等比例缩放         │
└─────────────────────────────────────┘

方式二：精确设置
┌─────────────────────────────────────┐
│  双击图片或右键 → 图片选项          │
│  ├── 宽度：输入具体数值             │
│  ├── 高度：输入具体数值             │
│  └── 锁定纵横比                     │
└─────────────────────────────────────┘

调整技巧：
├── 拖动角落：等比例缩放
├── 拖动边缘：单向缩放
├── Shift+拖动：等比例缩放
└── 输入数值：精确控制

裁剪图片：

操作步骤：
1. 选中图片
   ┌─────────────────────────────────────┐
   │  点击要裁剪的图片                   │
   └─────────────────────────────────────┘

2. 点击裁剪按钮
   ┌─────────────────────────────────────┐
   │  工具栏中的裁剪图标                 │
   │  或 右键 → 裁剪图片                 │
   └─────────────────────────────────────┘

3. 调裁剪框
   ┌─────────────────────────────────────┐
   │  ┌─────────────┐                   │
   │  │ ┌─────────┐ │                   │
   │  │ │ 保留区域│ │                   │
   │  │ └─────────┘ │                   │
   │  └─────────────┘                   │
   │  拖动边框调整裁剪区域               │
   └─────────────────────────────────────┘

4. 确认裁剪
   ┌─────────────────────────────────────┐
   │  按 Enter 或点击其他位置             │
   └─────────────────────────────────────┘

裁剪形状：
├── 裁剪按钮旁的下拉菜单
├── 选择形状（圆形、箭头等）
└── 裁剪为特定形状

图片调整选项：

打开调整面板：
┌─────────────────────────────────────┐
│  双击图片 → 图片选项面板            │
│  或 右键 → 图片选项                  │
└─────────────────────────────────────┘

调整选项：

┌─────────────────────────────────────────────────────────────┐
│                    图片调整选项                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  重新着色：                                                  │
│  ├── 无（原图）                                              │
│  ├── 灰度                                                    │
│  ├── 黑白                                                    │
│  ├── 褪色                                                    │
│  └── 其他预设效果                                            │
│                                                             │
│  透明度：                                                    │
│  ├── 0%（不透明）                                            │
│  ├── 50%（半透明）                                           │
│  └── 100%（完全透明）                                        │
│                                                             │
│  亮度：                                                      │
│  ├── -100%（最暗）                                           │
│  ├── 0%（原始）                                              │
│  └── +100%（最亮）                                           │
│                                                             │
│  对比度：                                                    │
│  ├── -100%（最低）                                           │
│  ├── 0%（原始）                                              │
│  └── +100%（最高）                                           │
│                                                             │
└─────────────────────────────────────────────────────────────┘

重置图片：
├── 点击"重置"按钮
└── 恢复原始设置

添加边框：

边框选项：
┌─────────────────────────────────────┐
│  选中图片 → 工具栏边框选项          │
│  ├── 边框颜色                       │
│  ├── 边框宽度                       │
│  └── 边框样式（实线/虚线/点线）     │
└─────────────────────────────────────┘

边框样式：

┌─────────────────────────────────────────────────────────────┐
│                                                             │
│  无边框：          细边框：        粗边框：                  │
│  ┌─────────┐      ┌─────────┐    ┏━━━━━━━━━┓              │
│  │         │      │         │    ┃         ┃              │
│  │  图片   │      │  图片   │    ┃  图片   ┃              │
│  │         │      │         │    ┃         ┃              │
│  └─────────┘      └─────────┘    ┗━━━━━━━━━┛              │
│                                                             │
│  虚线边框：        点线边框：                                │
│  ┌╌╌╌╌╌╌╌┐        ┌┄┄┄┄┄┄┄┐                                │
│  ╎       ╎        ┊       ┊                                │
│  ╎ 图片  ╎        ┊ 图片  ┊                                │
│  ╎       ╎        ┊       ┊                                │
│  └╌╌╌╌╌╌╌┘        └┄┄┄┄┄┄┄┘                                │
│                                                             │
└─────────────────────────────────────────────────────────────┘

文字环绕选项：

打开布局选项：
┌─────────────────────────────────────┐
│  选中图片 → 下方出现布局选项        │
│  或 右键 → 图片选项 → 文字环绕      │
└─────────────────────────────────────┘

环绕类型：

┌─────────────────────────────────────────────────────────────┐
│                    文字环绕类型                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  就地：                                                      │
│  ┌─────────────────────────────────────────────────────┐   │
│  │ 这是一段文字，图片在文字中间                         │   │
│  │ ┌─────┐                                            │   │
│  │ │图片 │ 继续的文字...                               │   │
│  │ └─────┘                                            │   │
│  └─────────────────────────────────────────────────────┘   │
│                                                             │
│  中断：                                                      │
│  ┌─────────────────────────────────────────────────────┐   │
│  │ 这是一段文字，图片独占一行                           │   │
│  │ ┌─────────────────────────────────┐                 │   │
│  │ │             图片                │                 │   │
│  │ └─────────────────────────────────┘                 │   │
│  │ 图片下方继续的文字...                               │   │
│  └─────────────────────────────────────────────────────┘   │
│                                                             │
│  文字环绕：                                                  │
│  ┌─────────────────────────────────────────────────────┐   │
│  │ 这是一段文字，图片在 ┌─────┐ 继续的文字              │   │
│  │ 环绕图片的周围。     │图片 │ 文字会自动              │   │
│  │ 文字会在图片旁边     └─────┘ 环绕图片。              │   │
│  └─────────────────────────────────────────────────────┘   │
│                                                             │
└─────────────────────────────────────────────────────────────┘

图片对齐：

水平对齐：
├── 左对齐
├── 居中
├── 右对齐
└── 使用段落对齐按钮

位置调整：
┌─────────────────────────────────────┐
│  拖动图片到目标位置                 │
│  ├── 出现对齐参考线                 │
│  └── 帮助精确定位                   │
└─────────────────────────────────────┘

精确位置：
├── 右键 → 图片选项
├── 设置具体位置坐标
└── 相对于页面或段落

创建绘图：

步骤：
1. 插入 → 绘图 → 新建
   ┌─────────────────────────────────────┐
   │  打开绘图编辑器                     │
   └─────────────────────────────────────┘

2. 绘制图形
   ┌─────────────────────────────────────┐
   │  工具栏：                           │
   │  ├── 选择工具                       │
   │  ├── 线条工具                       │
   │  ├── 形状工具                       │
   │  ├── 文本框工具                     │
   │  └── 图片插入                       │
   └─────────────────────────────────────┘

3. 保存并关闭
   ┌─────────────────────────────────────┐
   │  点击"保存并关闭"                   │
   │  绘图插入到文档中                   │
   └─────────────────────────────────────┘

绘图工具说明：

┌─────────────────────────────────────────────────────────────┐
│                    绘图工具                                  │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  形状：                                                      │
│  ├── 矩形、圆角矩形                                          │
│  ├── 圆形、椭圆                                              │
│  ├── 三角形                                                  │
│  ├── 箭头                                                    │
│  ├── 标注                                                    │
│  └── 流程图形状                                              │
│                                                             │
│  线条：                                                      │
│  ├── 直线                                                    │
│  ├── 箭头                                                    │
│  ├── 曲线                                                    │
│  ├── 折线                                                    │
│  └── 涂鸦                                                    │
│                                                             │
│  文本：                                                      │
│  ├── 文本框                                                  │
│  └── 艺术字                                                  │
│                                                             │
│  图片：                                                      │
│  ├── 从设备上传                                              │
│  ├── 从网址                                                  │
│  └── 从 Drive                                                │
│                                                             │
└─────────────────────────────────────────────────────────────┘

编辑已插入的绘图：

步骤：
1. 选中绘图
   ┌─────────────────────────────────────┐
   │  点击文档中的绘图                   │
   └─────────────────────────────────────┘

2. 编辑绘图
   ┌─────────────────────────────────────┐
   │  双击绘图                           │
   │  或 点击"编辑"按钮                  │
   │  打开绘图编辑器                     │
   └─────────────────────────────────────┘

3. 修改并保存
   ┌─────────────────────────────────────┐
   │  修改绘图内容                       │
   │  点击"保存并关闭"                   │
   └─────────────────────────────────────┘

替换图片：

步骤：
1. 选中图片
   ┌─────────────────────────────────────┐
   │  点击要替换的图片                   │
   └─────────────────────────────────────┘

2. 替换图片
   ┌─────────────────────────────────────┐
   │  右键 → 替换图片                    │
   │  或 点击图片选项中的"替换"          │
   └─────────────────────────────────────┘

3. 选择新图片
   ┌─────────────────────────────────────┐
   │  从设备/Drive/网址选择              │
   │  新图片替换原图片                   │
   │  保持原图片大小和位置               │
   └─────────────────────────────────────┘

添加链接：

步骤：
1. 选中图片
   ┌─────────────────────────────────────┐
   │  点击图片                           │
   └─────────────────────────────────────┘

2. 添加链接
   ┌─────────────────────────────────────┐
   │  右键 → 链接                       │
   │  或 Ctrl+K / ⌘+K                   │
   └─────────────────────────────────────┘

3. 输入链接
   ┌─────────────────────────────────────┐
   │  输入网址或选择文档内书签           │
   │  点击"应用"                         │
   └─────────────────────────────────────┘

链接效果：
├── 点击图片跳转到链接
├── 悬停显示链接地址
└── 可链接到网页或文档内位置

添加替代文本：

作用：
├── 图片无法显示时显示文字
├── 屏幕阅读器读取
└── 提高可访问性

添加方法：
┌─────────────────────────────────────┐
│  右键图片 → 替代文本                │
│  ├── 标题：简短描述                 │
│  └── 描述：详细说明                 │
└─────────────────────────────────────┘

示例：
┌─────────────────────────────────────┐
│  标题：销售增长图表                 │
│  描述：2024年第一季度销售增长趋势   │
│       图表，显示每月增长率          │
└─────────────────────────────────────┘

图片使用技巧：

1. 压缩图片
   ├── 上传前压缩大图片
   ├── 减少文档大小
   └── 提高加载速度

2. 使用矢量图
   ├── SVG 格式不失真
   ├── 适合图标和标志
   └── 缩放不影响质量

3. 统一风格
   ├── 使用一致的图片风格
   ├── 统一边框和阴影
   └── 保持专业外观

4. 合理布局
   ├── 图片与文字配合
   ├── 注意留白
   └── 避免过度拥挤

绘图使用技巧：

1. 使用对齐工具
   ├── 对齐多个形状
   ├── 平均分布
   └── 保持整齐

2. 组合元素
   ├── 选中多个元素
   ├── 右键 → 组合
   └── 作为一个整体移动

3. 使用图层
   ├── 调整元素顺序
   ├── 置于顶层/底层
   └── 控制遮挡关系

4. 复用绘图
   ├── 保存常用绘图
   ├── 复制粘贴复用
   └── 提高效率