javascript - 在页面加载时调整 Canvas 大小

我正在使用以下代码段成功调整画布元素的大小。我需要它来在页面加载时调整画布元素的大小，而不需要用户交互来触发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;
}

最佳答案

只需将您的代码段修改为：

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

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