title: HTML5 Canvas not drawing lines past 2040 in either direction
body: <p>Edit: Ran the code on a more powerful computer and the grid rendered correctly. Possible hardware limitation? Computer where the problem occurred was a Samsung series 3 Chromebook. I'm thinking it has to do with trying to draw too many lines at the same time. Will test later.</p>
  
  <p>I'm trying to draw a grid onto a canvas using the lineTo() method. The lines draw properly in the beginning, but any line that is drawn completely past 2048 pixels either down or to the right doesn't show up. Line going from inside this point to past it still show up on the other side, just lines that only are only drawn past the point don't show up.</p>
  
  <p>Here's my JavaScript:</p>
  
  <pre><code>function drawGrid() {
          //data.tiles is the map stored as an array of arrays
          //tilesize = 60
  
          var bw = data.tiles[0].length * tilesize;
          var bh = data.tiles.length * tilesize;
  
          ctx.beginPath();
  
          for (i = bw; i &gt;= 0; i -= tilesize) {
              ctx.moveTo(i, 0);
              ctx.lineTo(i, bh);
          }
          for (i = bh; i &gt;= 0; i -= tilesize) {
              ctx.moveTo(0, i);
              ctx.lineTo(bw,i);
          }
  
          ctx.strokeStyle = "black";
          ctx.stroke();
      }
  </code></pre>
  
  <p>I've checked the data.tiles variable, and it's reading the right number. Really have no idea what I messed up here.</p>