KineticJS：设置宽度基于百分比

Question

我想KineticJS，看看这个例子：

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

我的问题是如何根据百分比来设置宽度。我想要这样的东西：

var stage = new Kinetic.Stage({ 
    container: 'container', 
    width: 100%, 
    height: 200 
}); 

任何机会？谢谢！

Answer 1

百分比值不起作用（我试过了）。当你在JavaScript的工作，你可以很容易地获取窗口的宽度和计算占用的空间要求的比例所需要的像素数：

var stage = new Kinetic.Stage({ 
    container: 'container', 
    width: (window.innerWidth/100) * 80, // 80% width of the window. 
    height: 200 
}); 

如果要调整阶段，当窗口调整大小后，您可以使用window.onresize事件。

window.onresize = function(event) { 
    stage.setWidth((window.innerWidth/100) * 80); // 80% width again 
} 

JSFiddle of resize code