javascript - Canvas Particles - 在调整窗口大小时更新 Canvas 大小

Question

我是 Canvas 动画的新手，我遇到了一些问题，想知道你们是否可以帮助我。

我正在使用这个演示 - http://cssdeck.com/labs/html5-canvas-particles-web-matrix - 但我需要它在调整窗口大小时重新计算 Canvas 大小。这需要在 jQuery 中更新，而不是 CSS 或 HTML(仅供引用，CSS 是 Canvas 宽度和高度 = 100%)。

谁能帮帮我？

谢谢! :)

Answer 1

您的事件 window.onresize 不应声明新变量 H 和 W 而是使用“旧”变量，如下所示:

window.onresize = function() {  
   W = window.innerWidth;
   H = window.innerHeight;
   canvas.width = W;
   canvas.height = H; 
}

如果您想修改其他参数，如 particleCount 或 particles 数组也不要使用 var，因为它会在功能范围。