Estoy tratando de crear un sitio web que use fabric js y he recibido algunos errores que sugieren que tengo demasiados lienzos. Dice "El uso total de la memoria del lienzo supera el límite máximo (480 MB)". Así que estoy tratando de encontrar una manera de reducir el tamaño de los lienzos.

¿Cómo puedo hacer un lienzo js de tela muy grande (por ejemplo, toda la página) pero con una resolución muy baja? Básicamente, se parece a MS Paint (no me importa en absoluto la calidad de la imagen). Por ejemplo, si configuro el ancho en 1 px y la altura en 1 px y hago clic en mi página, toda la página se verá negra.

Traté de establecer las dimensiones del lienzo realmente bajas de esta manera:

 canvas.setDimensions({ "width": 10, "height": 10 });

y luego, en mi archivo css, haga que el elemento del lienzo sea realmente grande, así:

 #canvas { width: 1000px; height: 1000px; }

pero el css no hace nada y el lienzo se queda pequeño.

Intenté buscar y no pude encontrar exactamente lo que estaba tratando de lograr.