小编rhe*_*iel的帖子

我为这个问题搜索了整整一个月，但我真的很难解决这个问题。以下是这个问题的类似答案，但没有一个适用于我的情况：

Fabric.js 中的多个画布（页面）

在多个fabric js画布的情况下如何管理内存？

当我开始向画布添加文本和形状时出现问题，这给了我一个错误：Uncaught TypeError: Cannot read property 'add' of undefined

错误从这里开始：

// add text on click
$('#add_text').on("click",function(event){
   var Text = new fabric.Textbox('Sample');
   canvasInstances[0].add(Text).renderAll();
});
// add circle on click
$('#add_circle').on("click",function(event){
   var Circle = new fabric.Circle();
   canvasInstances[0].add(Circle).renderAll();
});

这是我的 jsfiddle

请帮忙！！！