title: Canvas cannot perform fill if size is too big
body: <p>After I set the canvas in HTML for a certain size, for example, 800x600, the script will not fill for me, but if I set it to be 150x150, it will. Why is it happening? Can it be fixed? Any help would be appreciated.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Let's Draw!&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;
          &lt;script type="text/javascript" src="script.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body onload="drawShape();"&gt;
          &lt;canvas id="my_canvas" width="800" height="600"&gt;
              This text is displayed if your browser does not support HTML5 Canvas.
          &lt;/canvas&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>function drawShape(){
      var canvas = document.getElementById('my_canvas');
  
      if (canvas.getContext){
  
          var ctx = canvas.getContext('2d');  // ctx = context
  
          ctx.fillStyle = "red";
  
          // Filled triangle
          ctx.beginPath();
          ctx.moveTo(25,25);
          ctx.lineTo(105,25);
          ctx.lineTo(25,105);
          ctx.fill();
  
          // Stroked triangle
          ctx.beginPath();
          ctx.moveTo(125,125);
          ctx.lineTo(125,45);
          ctx.lineTo(45,125);
          ctx.closePath();
          ctx.stroke();
  
      } else {
          alert('You need Safari or Firefox 1.5+ to see this demo.');
      }
  }
  </code></pre>