javascript - 跨越整个 html 页面的 HTML5 Canvas 大小

Question

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

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%
}