Estoy trabajando en hacer un lienzo grande. Funciona en Chrome pero parece que no funciona correctamente en Firefox. ¿Hay alguna manera de mostrar todo el lienzo?

Pensé que podría haber algún problema con los bucles, pero en realidad está terminando los bucles. Escribe de izquierda a derecha y luego hacia abajo. Es la mitad derecha de la imagen la que es blanca, no la mitad inferior, así que no creo que ese sea el problema.

También pensé que el lienzo podría ser demasiado grande, pero creo que estoy dentro de los estándares que busqué en Google.

"Para Google Chrome, el ancho y el alto máximos permitidos son 32 767 píxeles y el área máxima permitida es 268 435 456 píxeles. Para Firefox, el ancho y el alto máximos permitidos son 32 767 píxeles y el área máxima permitida es 472 907 776 píxeles. Para IE, el máximo permitido el ancho y el alto son 8192 píxeles. Para IE Mobile, el ancho y el alto máximos permitidos son 4096 píxeles". -- tutorialspoint.com

El código se puede encontrar aquí: jsfiddle .