Sadece pencere (tarayıcı) değil, sayfanın (belge)% 100 genişlik ve yüksekliğini nasıl yapabilirim?

Question

Arka plan olarak kullanmak istediğim, ancak yalnızca tarayıcı penceresini doldurmak istediğim ve sayfanın/belgenin tamamını doldurmasını istediğim, hafif bir twinkling animasyonu olan bu kod parçam var.

Herkes yardımcı olabilir mi? Burada JSFiddle - https://jsfiddle.net/83aahcng/1/

<div id="container"> 
    <canvas id="pixie"></canvas> 
    <div class="content"> 
    <p>This is some content</p> 
    </div> 
</div> 

Answer 1

değiştirmek

senin setDimensions aşağıda gibi:

function setDimensions(e) { 
var body = document.body, 
    html = document.documentElement; 
      WIDTH = window.innerWidth; 
      HEIGHT = Math.max(body.scrollHeight, body.offsetHeight, 
         html.clientHeight, html.scrollHeight, html.offsetHeight); 
      container.style.width = WIDTH+'px'; 
      container.style.height = HEIGHT+'px'; 
      canvas.width = WIDTH; 
      canvas.height = HEIGHT; 
     } 

https://jsfiddle.net/83aahcng/2/