HTML5画布大小可覆盖整个html页面

Question

我最近学习了JavaScript，并决定继续为Github实施一个页面。 一切看起来都很好，但我面临的唯一问题是画布的JS代码无法缩放整个html页面，这意味着粒子从初始窗口弹回，当我向下滚动时，该空间仍然没有任何粒子。 我希望JS画布在整个页面上都有粒子。 有人可以帮我解决该问题吗？

TLDR：如何修复JS代码，使粒子效果跨越整个html页面，而不仅仅是初始窗口，而其他所有东西都不存在？

https://devkapupara.github.io/相关文件： https : //github.com/devkapupara/devkapupara.github.io

Answer 1

这听起来像是html / css问题，而不是js问题。 即使将元素的宽度指定为100％，模板的主体也可能内置了填充。 请尝试以下操作：

<!-- HTML -->

<div id="my-canvas-container">
  <!-- this is where your canvas would load -->
</div>



/* CSS */

html, body {
  padding: 0;
  margin: 0;
}

#my-canvas-container {
  min-width:100%
}