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.innerWidthwindow.innerHeight (全屏模式)。默认情况下参数 'stage_elem' 被用作舞台元素,可以是一个字符串或者HTMLElement。如果提供了一个字符串,将作为ID查找元素,如果不存在,就创建一个div。如果提供一个HTMLElement则直接使用。省略这个参数传递'cr-stage'的ID也一样。

通常如果你没有初始化视口的话,会自动调用 Crafty.init() 进行初始化。多数情况下 init 会创建一个舞台元素。并使用Crafty.viewport.width, Crafty.viewport.heightCrafty.viewport.reload 调整当前视图的尺寸。

Back to top

Crafty.stage.elem

#cr-stage div 元素.

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() 执行时会调用此方法。