Previewer

Previewer 是一块 WYSIWYG（所见即所得） 画布。你所看到的，正是 OVB 写入 Harmony 的内容——相同的宽度模型、相同的适配、相同的点、相同的颜色。这里没有任何粗略的近似。

1. Context header —— 你正在预览的当前子美术层/帧范围（此处为 Pressure · Frames 2-8）。
2. Field frame —— 那个蓝角矩形是 Harmony 相机画框；无论美术层的原生尺寸如何，一切都绘制在这个共享坐标空间中。
3. Points overlay —— 当前子美术层上的矢量锚点（蓝色）和压感点（红色方块）。
4. Pivot —— 变换原点；当你单独显示一个美术层或其父 peg 时，它会与 gizmo 一同出现。

取景与相机

预览绘制于场空间（field space）中——即 Harmony 相机画框——因此无论各美术层原生的 SVG viewBox 或像素分辨率如何，它们都落在同一个原点上。用以下方式在画布中导航：

• 缩放 — 鼠标滚轮（以光标为锚——朝指针方向缩放）。
• 平移 — 按住鼠标中键拖动，或按住 Space 并用左键拖动（光标变成一只手）。当中键被占用、或你正在用左键绘制时，Space 平移会很方便。
• 重置 — F 或 Home 重新取景以适配内容。

缩放和平移在你逐帧擦洗（scrub）时会保持，并在对象改变时自动重置。

顶栏

沿着画布顶部：

• 显示开关（左侧）—— 点/压感叠加层、网格、吸附、洋葱皮，以及权重绘制工具的笔刷选择器（见下文）。
• 权重绘制控件 —— 当前笔刷的 Strength 滑块，加上 Subtract 和 Clear，附有尺寸提示（size: [ ] 或按住 O + 拖动 · Ctrl = 反向）。它们以非破坏性方式平滑输入。
• 颜色（右侧）—— Pts 重新着色叠加层/压感点；Bg 选择画布背景（Dark / Grey / White）。

帧栏

沿着底部：

• 序列标签与路径计数 —— 左侧是当前文件和帧数（octo_frame_0009.svg (20 frames)），右侧是当前帧的矢量路径计数。
• 帧擦洗器 —— 拖动或输入一个帧号即可跳转；计数（例如 9 / 20）是当前帧相对于序列长度的表示。轨道上的红/绿手柄是洋葱皮的触及范围。
• Onion Range —— −back / +fwd 数字设置洋葱皮显示多少个相邻帧。

显示开关

• 点叠加层 — 在当前子美术层上显示矢量锚点和红色压感点，让你在 Simplify 平滑输入时看着它们逐渐变稀疏。
• 网格 — Harmony 的场图（field chart）叠加层。
• 吸附 — 将 gizmo 和点吸附到网格。
• 洋葱皮 — 播放头周围淡淡的残影帧（见下文）。
• 背景 — Dark / Grey / White 预设，以及叠加层和压感点的点颜色（Pts）。

洋葱皮

洋葱皮在当前帧周围淡淡地显示相邻帧，让你判断运动：

• 红色 = 播放头之前的帧，绿色 = 之后的帧。
• 该窗口跟随播放头，并受触及范围（reach）限制，因此绝不会淹没画布。
• 它对每一种内容类型都有效——矢量、实时描摹，以及位图帧（位图残影会被淡化并染上红/绿色，与矢量残影完全一样）。

洋葱皮是一种视图辅助

洋葱皮绝不改变所写入的内容——它纯粹是参考。（权重绘制笔刷可以选择性地跨洋葱窗口绘制；那是可选启用且独立的功能。）

可编辑 gizmo

当你单独显示一个美术层时，它的蓝色 gizmo 会出现，用于美术层变换；在带有 peg 的绘图合成上，绿色 peg gizmo 会出现，用于整个绘图的变换。关于两者的区别，参见 Offset & Scale。