Javascript 在fabric js画布中添加组中的文本和网格线

我按照下面的代码片段将一行添加到组中

现在我想在组行之间添加fabric.Text

我尝试将文本和行作为一个组添加，但失败了

它给了我一个坐标误差，就像o.setCoords不是一个函数一样

任何帮助都会有帮助

var canvas=newfabric.canvas'c'； 让gridSize=15； $addAsGroup.click=>{ canvas.clear； 设分隔线=[]； 对于let i=0；i{ canvas.clear； 设分隔线=[]； 对于let i=0；i{ canvas.addline； } }; 阿达斯集团

---

AddAsSeparateObjectslet group=new fabric.group[…分隔线，文本]；根据您的功能，使用文本创建组或直接添加到画布

演示

var canvas=newfabric.canvas'c'； 让gridSize=15； var text=newfabric.text'Grid'，{left:canvas.width/2，top:canvas.height/2} $addAsGroup.click=>{ canvas.clear； 设分隔线=[]； 对于let i=0；ilet group=new fabric.group[…分隔线，文本]； canvas.addgroup； }; $addAsSeparateObjects.click=>{ canvas.clear； 设分隔线=[]； 对于let i=0；i{ canvas.addline； } canvas.addtext }; 阿达斯集团

---

AddAsseparateObject显示此错误：未捕获类型错误：o.setCoords不是函数。let group=new fabric.group[…分隔线，文本]；什么是。。。代表.？@Rizwan它创建另一个数组，或者您可以将文本推送到separateLines数组并创建一个组。let group=new fabric.group[separateLines，text]；给我一个错误，比如我saidlet group=new fabric.group[…分隔线，text]；已成功添加。