使用fabric.js 写一个表格的代码

以下是使用 Fabric.js 绘制一个简单的表格的代码示例：

// 创建画布
var canvas = new fabric.Canvas('canvas');

// 定义表格行数和列数
var rows = 5;
var cols = 5;

// 定义表格单元格宽度和高度
var cellWidth = 100;
var cellHeight = 50;

// 循环绘制表格
for (var i = 0; i < rows; i++) {
  for (var j = 0; j < cols; j++) {
    // 计算单元格左上角坐标
    var x = j * cellWidth;
    var y = i * cellHeight;

    // 创建单元格对象
    var rect = new fabric.Rect({
      left: x,
      top: y,
      width: cellWidth,
      height: cellHeight,
      fill: '#fff',
      stroke: '#000',
      strokeWidth: 1
    });

    // 添加单元格到画布
    canvas.add(rect);
  }
}

在这个示例中，我们创建了一个 5 行 5 列的表格，并且每个单元格的宽度为 100，高度为 50。我们循环遍历每个单元格，计算出它的左上角坐标，然后创建一个矩形对象来表示这个单元格，并添加到画布中。最终，我们得到了一个简单的表格。