在移动窗口调整大小事件上调整KineticJs画布的宽度

时间:2014-09-15 18:38:25

标签: javascript kineticjs

我正在尝试将我的Kinetic.Stage的宽度调整为100%。由于Kinetic.Stage不允许我放置该值(100%),我必须将window.innerWidth值。

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

问题是调整大小时不会改变:

window.onresize = function(event) {
    stage.setWidth(window.content.innerWidth );  
}

我正在开发一款移动应用,我真的需要在手机旋转时更改宽度。

你可以在这里看到一个有效的演示,当你调整窗口大小时,你会看到没有宽度适应:http://jsfiddle.net/gal007/xzwohvy9/14/

你能帮助我吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

代码中的window.content是什么?

window.onresize = function(event) {
    stage.setWidth(window.innerWidth);  
}

http://jsfiddle.net/xzwohvy9/15/