title: HTML Canvas fill not working
body: <p>Html:
  HTML:</p>
  
  <pre><code>&lt;canvas id="main"  height="1000" width="1500"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>  var c = document.getElementById("main");
    var ctx = c.getContext("2d");
    ctx.beginPath();
    ctx.moveTo(200,300);
    ctx.lineTo(800,0);
    ctx.moveTo(800,0);
    ctx.lineTo(1500,300);
    ctx.moveTo(1500,300);
    ctx.lineTo(200,300);
    ctx.closePath();
    ctx.stroke();
    ctx.fillStyle="#8ED6FF";
    ctx.fill();
  </code></pre>
  
  <p><a href="http://jsfiddle.net/THPmr/221/" rel="nofollow">JSFiddle</a></p>