javascript - HTML5 Canvas not drawing lines past 2040 in either direction -

edit: ran code on more powerful computer , grid rendered correctly. possible hardware limitation? computer problem occurred samsung series 3 chromebook. i'm thinking has trying draw many lines @ same time. test later.

i'm trying draw grid onto canvas using lineto() method. lines draw in beginning, line drawn past 2048 pixels either down or right doesn't show up. line going inside point past still show on other side, lines only drawn past point don't show up.

here's javascript:

function drawgrid() {         //data.tiles map stored array of arrays         //tilesize = 60          var bw = data.tiles[0].length * tilesize;         var bh = data.tiles.length * tilesize;          ctx.beginpath();          (i = bw; >= 0; -= tilesize) {             ctx.moveto(i, 0);             ctx.lineto(i, bh);         }         (i = bh; >= 0; -= tilesize) {             ctx.moveto(0, i);             ctx.lineto(bw,i);         }          ctx.strokestyle = "black";         ctx.stroke();     } 

i've checked data.tiles variable, , it's reading right number. have no idea messed here.

html canvas has maximum render area depending on browser & hardware.

once exceed these limits done pretty much.

try pre-rendering or use multiple canvas' positioned css.