Animation(动画)
方法
new Cesium.Animation(container, viewModel)
动画小部件提供按钮来播放,暂停,并扭转,以及 当前的时间和日期,周围环绕着“航天飞机环”控制动画的速度。
“航天飞机环”概念是借用视频编辑,典型的地方 “慢跑轮”可以旋转移动过去个人动画帧很慢,和 航天飞机周围环可以扭曲来控制方向和速度的快速播放。 Cesium通常将时间视为连续(不是分为预定义的动画帧), 所以这个小部件提供没有慢跑轮。 相反,能够快速和航天飞机的戒指 非常缓慢的播放。 单击并拖动航天飞机环指针本身在绿色(如上所示), 或者点击其余的环地区推动指针指向下一个预设速度的方向。
动画小部件还提供了一个“实时”按钮(左上角) 动画时间与最终用户的系统时钟同步,通常显示 “今天”或“现在。 “这种模式不可用ClockRange.CLAMPED
或ClockRange.LOOP_STOP
如果当前时间以外的方式Clock
的开始时间和endTime。
NAME | 类型 | 描述 |
---|---|---|
container |
元素|字符串 | DOM元素或ID将包含小部件。 |
viewModel |
AnimationViewModel | 这个小部件使用的视图模型。 |
抛出:
-
DeveloperError:元素id“容器”文档中并不存在。
例子:
按照原文的意思是应该先要在html head里引入css格式文件,并在body里面创建一个div
include a link to Animation.css stylesheet
<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);
成员
只读的容器: Container 元素
获取父容器。
只读的视图模型:AnimationViewModel
视图模型。
方法
applyThemeChanges()
更新部件来反映主题的任何修改CSS规则。
例子:
//Switch to the cesium-lighter theme.
document.body.className = 'cesium-lighter';
animation.applyThemeChanges();
摧毁()
破坏了动画小部件。 应该被称为永久吗 删除小部件的布局。
isDestroyed()→布尔
返回:
真的如果对象已被摧毁,假的。
调整()
尺寸小部件容器的大小相匹配。 这个函数应该被称为每当容器大小改变。