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