Javascript FabricJS：大画布会使对象在较低的画布上渲染，但浏览器屏幕上不会显示任何对象

我在画布上创建了一个巨大的画布，并使用FabricJS在画布上渲染了许多对象。它似乎在铬上工作得很好。但是，当我在Mozilla FireFox上执行相同操作时，屏幕上不会出现任何对象。在使用dev工具检查元素时，我看到对象已在较低的画布上渲染，但屏幕上没有显示任何对象

JS小提琴-

在chrome和FireFox上试试小提琴，使用JS将画布大小更改为6000 x 6000。对象在chrome上渲染，但在FireFox上不渲染。我想知道这样做的原因，以及在给定大画布大小的FF上渲染对象的解决方案。

---

如果您在新的浏览器选项卡上尝试上面的代码，而不是在JSFIDLE上测试并检查元素，那会更好。我知道使用大型画布并不可取，但我尝试了一个特定的案例。

在初始化画布设置宽度和高度时。这是

演示

函数init（）{
var计数=0；
canvas=new fabric.canvas（'c'{
宽度：1300，
身高：1000
});
var rect=new fabric.rect({
左:50,，
前50名，
填充：“红色”，
宽度：100，
身高：100，
});
canvas.add（rect）；
}
init（）

宽度：6000和高度：6000不适用。JS小提琴-。如果您在firefox上使用dev工具检查画布，并将鼠标悬停在下方的canvas canvas元素上，您将看到一个小弹出窗口，显示对象已绘制，但对象未显示在屏幕上。另外，如果您将鼠标悬停在应该绘制对象的位置上，指针将变为一个拖动指针，显示该对象存在，但未显示。I Firefox I在大画布上不断出现NS错误失败（）&（）