Изменение размера холста на странице load

Question

Я использую следующий фрагмент, чтобы изменить размер элемента холста. Мне нужно изменить размер элемента холста на странице load и не требует взаимодействия с пользователем для запуска функции 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

Просто вызовите windowResize в загруженном jQuery.

$(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(){});