Animation widget 动画小部件提供播放、暂停和反转按钮，以及 当前时间和日期，周围有一个“穿梭环”，用于控制动画的速度。 “穿梭环”概念是从视频编辑中借用的，通常 “点动轮”可以旋转以非常缓慢地移动到各个动画帧，并且 周围的梭形环可以扭转，以控制快速播放的方向和速度。 铯通常将时间视为连续的（不被分割成预定义的动画帧）， 所以这个小部件不提供点动轮。相反，穿梭环既能快速又能 播放速度很慢。单击并拖动梭形环指针本身（上面显示为绿色）， 或者单击环形区域的其余部分，将指针移到该方向的下一个预设速度。 动画小部件还提供了一个“实时”按钮（在左上角），它可以 动画时间与最终用户的系统时钟同步，通常显示 “今天”或“现在”。此模式在
ClockRange.CLAMPED或
ClockRange.LOOP_STOP模式，如果当前时间在Clock的startTime和endTime之外。| 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>
var clock = new Cesium.Clock();
var clockViewModel = new Cesium.ClockViewModel(clock);
var viewModel = new Cesium.AnimationViewModel(clockViewModel);
var widget = new Cesium.Animation('animationContainer', viewModel);
function tick() {
clock.tick();
Cesium.requestAnimationFrame(tick);
}
Cesium.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。
调整小部件的大小以匹配容器大小。
每当更改容器大小时，都应调用此函数。