Canvas Particles - 在Window Resize上更新画布大小

Question

我对Canvas动画非常陌生，我一直坚持不懈，想知道你们是否可以帮助我。

我正在使用此演示 - http://cssdeck.com/labs/html5-canvas-particles-web-matrix - 但我需要它来重新调整窗口大小时的画布大小。这需要在jQuery中更新，而不是CSS或HTML（FYI，CSS是画布宽度和高度= 100％）。

任何人都可以帮助我吗？

谢谢！ ：）

Answer 1

您的活动window.onresize不应声明新变量H和W，而是使用旧版＆＃39;相反，像这样：

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

如果您想修改其他参数，例如particleCount或particles数组，也不要使用var，因为它会在函数范围内创建新变量。