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

Adapting the width of the KineticJs canvas on mobile window resize event

本文关键字：大小事 小事件 窗口 移动 调整 KineticJs      更新时间：2023-09-26

我正在努力调整我的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/

你能帮我吗？提前谢谢。

代码中的window.content是什么？

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

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

相关文章：