编辑器核心功能

🎨 编辑器界面概览

截图完成后，你会自动进入 review 页面编辑器。

┌───────────────────────────────────────────────────┐
│  🖼️ [截图预览]                                    │
│                                                   │
├───────────────────────────────────────────────────┤
│  工具栏: [背景] [裁切] [标注] [文本] ... [导出]    │
└───────────────────────────────────────────────────┘

✨ 新功能：背景设置

我们为编辑器引入了强大的背景设置功能，让你的截图更具表现力。

为什么使用背景设置？

• 突出主体：为截图添加一个简洁的背景，让主要内容更突出。
• 美化分享：在社交媒体上分享时，带有美观背景的截图能吸引更多注意。
• 保护隐私：通过背景填充，隐藏截图周围的敏感信息。
• 品牌一致性：为企业内部使用截图时，可以统一添加品牌色背景。

如何使用背景设置

1. 在编辑器底部的工具栏中，点击 [背景] 按钮。
2. 背景设置面板将会出现，提供多种选项。

背景类型

1. 纯色背景 (Solid Color)

• 功能：为截图添加纯色背景。
• 选项：
  • 预设颜色：提供一组精心挑选的常用色板。
  • 取色器：从屏幕或截图中拾取颜色。
  • 自定义颜色：输入 HEX 或 RGB 值来选择任意颜色。
• 示例：为产品 UI 截图添加一个品牌蓝色的背景。

2. 渐变背景 (Gradient)

• 功能：创建平滑的颜色过渡背景。
• 选项：
  • 渐变类型：线性 (Linear) 或径向 (Radial)。
  • 方向/角度：调整渐变的方向。
  • 颜色节点：添加、删除或修改多个颜色节点。
• 示例：创建一个从淡蓝色到白色的渐变，模拟天空效果。

3. 图片背景 (Image)

• 功能：使用自定义图片作为背景。
• 选项：
  • 上传图片：从本地上传你的图片。
  • 图库选择：从我们提供的图库中选择背景。
  • 填充模式：
    • Cover: 填充整个区域，可能裁剪图片。
    • Contain: 完整显示图片，可能有留白。
    • Tile: 平铺图片。
• 示例：将公司 Logo 图片作为背景水印。

4. 透明背景 (Transparent)

• 功能：移除所有背景，使截图的背景变为透明。
• 适用格式：仅在导出为 PNG 格式时有效。
• 示例：创建一个透明背景的图标，方便地放置在任何设计中。

高级调整

• 边距 (Padding)：调整截图内容与背景边缘的距离。
• 圆角 (Rounded Corners)：为你的截图添加圆角效果，使其看起来更柔和。
• 阴影 (Shadow)：为截图添加外阴影，营造立体感和层次感。

现在，就去尝试用全新的背景功能，让你的截图焕然一新吧！