I am working on making a large canvas. It works in Chrome but it does not seem to be working correctly in Firefox. Is there a way to get the whole canvas to show?

I thought that there might be something wrong with the loops but it is actually finishing the loops. It writes left to right and then down. It's the right half of the image that is white not the bottom half so I don't think that that is the issue.

I also thought that the canvas might be too big but I believe I am within the standards I googled.

"For Google Chrome, the maximum allowable width and height are 32,767 pixels and the maximum allowable area is 268,435,456 pixels. For Firefox, the maximum allowable width and height are 32,767 pixels and the maximum allowable area is 472,907,776 pixels. For IE, the maximum allowable width and height are 8,192 pixels. For IE Mobile, the maximum allowable width and height are 4,096 pixels." -- tutorialspoint.com

The code can be found here: jsfiddle.