title: How to remove canvas background and display full background image
body: <p>I am following this <a href="http://codepen.io/loktar00/pen/uEJKl" rel="nofollow noreferrer">tutorial</a> and trying to implement it on my website. I am struggling to remove the 'Black' background to show the full background image with the stars.</p>
  
  <p>Here's jsFiddle: <a href="http://jsfiddle.net/aernk8kk/4/" rel="nofollow noreferrer">jFiddle</a></p>
  
  <p>Here's the screen shot below.</p>
  
  <p><img src="https://i.stack.imgur.com/uy3CP.png" alt="enter image description here"></p>
  
  <p>Here's the jQuery for your inspection: </p>
  
  <pre><code>  width = window.innerWidth,
    height = 300;
  
    // Add 2 shooting stars that just cycle.
    entities.push(new ShootingStar());
    entities.push(new ShootingStar());
  
    //animate background
    function animate() {
    bgCtx.fillStyle = "black";
    bgCtx.fillRect(0, 0, width, height);
    bgCtx.fillStyle = '#fff';
    bgCtx.strokeStyle = "#fff";
  
    var entLen = entities.length;
  
    while (entLen--) {
        entities[entLen].update();
    }
    requestAnimationFrame(animate);
    }
    animate();
  </code></pre>
  
  <p>Any help would be great! thanks :)</p>