画布粒子-在“窗口大小”上更新画布大小

Canvas Particles - Update canvas size on Window Resize

本文关键字：窗口大小 布大小 更新 布粒子 粒子      更新时间：2023-09-26

我对Canvas动画很陌生，我有点不知所措，不知道你们是否能帮我。

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

有人能帮我吗？

谢谢！：）

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

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

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

相关文章：