Crafty.stage
舞台是放置所有DOM实体的地方。
属性
方法
Back to top
Crafty.viewport.init()
public void Crafty.viewport.init([Number width, Number height, String stage_elem])
public void Crafty.viewport.init([Number width, Number height, HTMLElement stage_elem])
- Number width
视口的宽度
- Number height
视口的高度
- String or HTMLElement stage_elem
用作舞台的元素(一个元素的ID或者实际元素)
初始化视口。如果参数 'width' 或 'height' 缺失,则使用window.innerWidth
和window.innerHeight
(全屏模式)。默认情况下参数 'stage_elem' 被用作舞台元素,可以是一个字符串或者HTMLElement。如果提供了一个字符串,将作为ID查找元素,如果不存在,就创建一个div。如果提供一个HTMLElement则直接使用。省略这个参数传递'cr-stage'的ID也一样。
通常如果你没有初始化视口的话,会自动调用 Crafty.init()
进行初始化。多数情况下 init
会创建一个舞台元素。并使用Crafty.viewport.width
, Crafty.viewport.height
或 Crafty.viewport.reload
调整当前视图的尺寸。
Back to top
Crafty.viewport.reload()
public Crafty.viewport.reload()
重新计算和重新加载舞台的宽度,高度和位置。有用的时候,浏览器返回错误的结果(如Safari在iPad2)。如果插入定制的DOM元素,这些元素会影响 Crafty 的舞台偏移,也应该调用此方法。
Back to top
Crafty.viewport.reset()
事件
- StopCamera
- 当摄像机动画停止时触发
public Crafty.viewport.reset()
将视口重置为起始值,并取消任何现有的相机动画。当 scene() 执行时会调用此方法。