在页面加载时调整画布大小

Question

我正在使用以下代码片段成功调整画布元素的大小。我需要它调整页面加载上的画布元素，并且不需要用户交互来触发windowResize()函数。

(function($){ 
    $(window).resize(function(){ 
     windowResize();      
    });   
})(jQuery); 

function windowResize(){ 
    stage.canvas.width = window.innerWidth; 
    stage.canvas.height = window.innerHeight;  
    var test = (window.innerHeight/500)*1; 
    exportRoot.scaleX = exportRoot.scaleY = test; 
} 

Answer 1

只需修改您的代码段：

$(window).on('resize load', windowResize); 

这将在加载时调用windowResize()和调整大小。

Answer 2

只需调用jQuery加载的windowResize。

$(function(){ 

    function windowResize(){ 
     stage.canvas.width = window.innerWidth; 
     stage.canvas.height = window.innerHeight;  
     var test = (window.innerHeight/500)*1; 
     exportRoot.scaleX = exportRoot.scaleY = test; 
    } 

    .... 

    $(window).resize(function(){ windowResize(); }); 

    windowResize(); 


}); // end $(function(){});