KineticJS Android的舞台大小

Question

Definining KineticJS阶段我是这样的：

var stage = new Kinetic.Stage({ 
    container: 'container', 
    width: 320, 
    height: 480 
    }); 

所以宽度和高度阶段是固定的大小。 如果分辨率不同，如何将其拉伸以适合手机屏幕？

Answer 1

嗯，这真是一个JavaScript问题。您希望使舞台的大小与窗口大小相同。这为我工作在我的Android项目：

var stage = new Kinetic.Stage({ 
     container: 'container', 
     width: window.innerWidth, 
     height: window.innerHeight 
}); 

编辑：
此外，我建议你添加的jQuery的，所以你可以检查方向变化，那么你可以这样做：

window.onresize = function(event) { //this function will resize your stage to the size of your window 
    stage.setWidth(window.innerWidth); 
    stage.setHeight(window.innerHeight); 
    stage.draw(); //redraw the stage, not sure if really needed, but good to have. 
} 

，或者你可以这样做：

window.onresize = function(event) { 
    stage.setScale(x,y); //set x, y scale values when the orientation changes 
    stage.draw(); //redraw the stage, not sure if really needed, but good to have. 
}