Fabricjs 如何在fabric.js画布中单击按钮删除网格线

我必须使用两个按钮，一个用于添加网格，另一个用于删除网格。 单击“添加”按钮时，我正在编写以下代码行：

   var gridsize = 5;
   var gridoption={ stroke: "#000000", strokeWidth: 1, selectable:false, strokeDashArray: [5, 5],evented:false};

   for(var x=1;x<(canvas.width/gridsize);x++)
   {
    canvas.add(new fabric.Line([100*x, 0, 100*x, 600],gridoption));
    canvas.add(new fabric.Line([0, 100*x, 600, 100*x],gridoption));
   }

---

使用这些代码，网格通过单击按钮显示，但我还希望在单击另一个按钮后删除网格，而不更改画布中的其他对象。因为我没有在这里选择任何对象。移除也不起作用。请帮忙

创建一组网格，然后添加到画布，同时删除组对象

演示 var canvas=new fabric.canvas'c'{ 宽度：600， 身高：600 } var-gridGroup； 函数addGrid{ 如果gridGroup返回； var-gridsize=5； 变量gridoption={ 行程：000000， 冲程宽度：1， strokeDashArray:[5,5] }; var网格线=[]； 对于变量x=1；x我已经看到了下面的应答函数RemoveGrid{var objects=canvas.getObjects'line'；用于let I in objects{canvas.removeobjects[I]；}RenderCanvas；}但这也删除了其他线路，这是不可取的