将您的设计草稿叠加在任何页面上，以与实际 UI 进行比较。
# 叠加图像工具
面向 UI 开发人员的 Chrome 扩展 — 将设计模型作为半透明层覆盖在实时页面上，以比较布局准确性。
---
＃＃ 概述
将您的设计草稿叠加在任何页面上，以与实际 UI 进行比较。
---
＃＃ 特征
- **文件上传或剪贴板粘贴** — 通过文件选择器加载图像，或从弹出窗口内的剪贴板（`Ctrl+V`）粘贴
- **启用直接粘贴** — 启用后可使用“Ctrl+V”直接将图像叠加层粘贴到页面上，而无需打开弹出窗口
- **位置和大小控制** — 通过自由文本输入设置“背景位置”和“背景大小”
- **不透明度** — 调整叠加透明度
- **灰色效果** — 将叠加层转换为灰度以减少视觉噪音
- **箭头键移动** — 应用后启用键盘轻推以微调叠加位置
- **会话内存** — 上次使用的图像和所有设置都会在下次打开时自动恢复
- **一键删除** — 立即清除当前页面的覆盖层
---
## 键盘快捷键
必须在弹出选项中启用箭头键移动。
|关键|运动|
|---|---|
| `↑` `↓` `←` `→` | 1 像素 |
| `Shift` + 箭头 | 10 像素 |
| `Ctrl` / `⌘` + 箭头 | 100 像素 |
> 当焦点位于文本字段、选择框或任何可编辑元素内时，箭头键移动会自动禁用，以避免与本机浏览器行为发生冲突。
---
＃＃ 用法
1. 单击 Chrome 工具栏中的 **叠加图像工具** 图标
2. 选择一个图像文件，或从剪贴板中粘贴一个图像文件到弹出窗口中
3. 根据需要调整位置、大小、不透明度和选项
4. 单击 **生成** — 叠加层出现在当前页面上
5. 单击“**删除**”以清除叠加层
---
＃＃ 执照
麻省理工学院