viewBox 摄像机:推拉与聚焦
SVG 的 viewBox="x y w h" 决定「把世界坐标的哪一块矩形,铺满当前视口」。于是动这四个数
就等于移动一台摄像机:平移 (改 x / y)、缩放推拉 (改 w / h)、聚焦某区域 (令矩形对准它)。内容一笔未动,
只是取景框在变。这里把当前取景框到目标取景框的四个分量各做一次插值,
再被缓动重塑形——一台平滑的摄像机,本质就是「4 个数的补间」。
缓动曲线 (取景框沿此进度从当前推到目标)
viewBox —
from 到 to 按进度混合。
把同一台引擎接到 dashoffset 就是描边、接到 transform
就是移动元素、接到 viewBox 就是摄像机。缩放推拉由 w / h 的变化承担:w / h 变小=放大 (看得更近)。
@vega/anim — 补间取景框的四个分量
取景框是「看哪里」;让一个物体在世界里沿路径行进是「谁在动」,见 沿路径运动。两者可叠加:摄像机跟随物体,即每帧把 viewBox 对准它。