Большая сетка FabricJS теряет свою форму при уменьшении

Question

Я сделал функцию масштабирования с большой сеткой и исправил проблемы с производительностью.

Однако, когда я уменьшаю масштаб, сетка выглядит разбитой, как показано ниже.

Перед уменьшением:

и после:

РЕДАКТИРОВАТЬ: Вот jsfiddle

let MAX_WIDTH = 10000;
let GRID_IMAGE = 'grid image link';
let canvas = new fabric.Canvas('c');
var rect = new fabric.Rect({
  width: MAX_WIDTH,
  height: MAX_WIDTH,
  originX: 'center',
  originY: 'center',
  selectable: false,
  evented: false,
  objectCaching: false,
  dirty: true
});
canvas.add(rect);