Panda.js的视图界面渲染是基于canvas的,即canvas标签。当core.js核心库文件被加载时,会在dev.html的dom中创建一个有 id="canvas" 属性的canvas标签。该画布将作为后续界面效果和交互的承载容器,是所有场景(scene)的展示区域。
在config.js文件中,我们可以通过设置画布的具体属性来改变画布默认的呈现方式。如:
pandaConfig = {
system: {
scaleToFit: true
}
};
其中 scaleToFit: true 是打开画布自适应页面大小的属性(默认为false)。添加此属性后,当手动改变web页面大小时,画布的大小是会动态改变的。
https://coding.net/u/channely/p/node-ahctf/git/blob/master/static/src/game/config.js