Wie mache ich ein Element 100% Breite und Höhe der Seite (Dokument) und nicht nur das Fenster (Browser)?

Question

Ich habe dieses Stück Code, der eine leichte funkelnde Animation hat, die ich als Hintergrund verwenden möchte, aber aktuell füllt es nur das Browserfenster und ich möchte, dass es die gesamte Seite/das gesamte Dokument ausfüllt.

Kann jemand helfen? JSFiddle hier - 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

Ihre setDimensions wie unten ändern:

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/