动画控件
Animation 控件提供播放、暂停和反转按钮，以及当前时间和日期，周围环绕着用于控制动画速度的"梭环"。
"梭环"概念借鉴自视频编辑领域，通常"慢动摇轮"可以旋转以非常缓慢地逐帧浏览动画，而周围的梭环可以扭动以控制快速回放的方向和速度。 Cesium 通常将时间视为连续的（而非分割为预定义的动画帧），因此该控件不提供慢动摇轮。取而代之的是，梭环既能快速回放，也能非常慢速回放。点击并拖动梭环指针本身（上方绿色部分），或点击环的其余区域以将指针调整到该方向的下一个预设速度。
Animation 控件还提供一个"实时"按钮（左上角），使动画时间与最终用户的系统时钟保持同步，通常显示"今天"或"现在"。如果当前时间在
Clock 的 startTime 和 endTime 之外，则此模式在 ClockRange.CLAMPED 或 ClockRange.LOOP_STOP 模式下不可用。
| Name | Type | Description |
|---|---|---|
container |
Element | string | 将包含该控件的 DOM 元素或 ID。 |
viewModel |
AnimationViewModel | 该控件使用的视图模型。 |
Throws:
-
DeveloperError : 文档中不存在 id 为 "container" 的元素。
Example:
// In HTML head, include a link to Animation.css stylesheet,
// and in the body, include: <div id="animationContainer"></div>
const clock = new Cesium.Clock();
const clockViewModel = new Cesium.ClockViewModel(clock);
const viewModel = new Cesium.AnimationViewModel(clockViewModel);
const widget = new Cesium.Animation('animationContainer', viewModel);
function tick() {
clock.tick();
requestAnimationFrame(tick);
}
requestAnimationFrame(tick);See:
Members
获取父容器。
readonly viewModel : AnimationViewModel
获取视图模型。
Methods
更新控件以反映任何修改的 CSS 主题规则。
Example:
//Switch to the cesium-lighter theme.
document.body.className = 'cesium-lighter';
animation.applyThemeChanges();
销毁动画控件。如果要从布局中永久移除该控件，应调用此方法。
Returns:
如果对象已被销毁则为 true，否则为 false。
调整控件大小以匹配容器大小。每当容器大小发生更改时，应调用此函数。