fabric.js实现辅助线

在fabric.js中实现辅助线可以通过添加一个辅助线图层，并在该图层上绘制辅助线。下面是一个简单的实现示例：

var canvas = new fabric.Canvas('canvas');

// 创建辅助线图层
var gridLayer = new fabric.Group([], {
  selectable: false,
  evented: false
});
canvas.add(gridLayer);

// 添加水平辅助线
for (var i = 0; i < canvas.getHeight(); i += 10) {
  var line = new fabric.Line([0, i, canvas.getWidth(), i], {
    stroke: '#ccc',
    selectable: false,
    evented: false
  });
  gridLayer.add(line);
}

// 添加垂直辅助线
for (var i = 0; i < canvas.getWidth(); i += 10) {
  var line = new fabric.Line([i, 0, i, canvas.getHeight()], {
    stroke: '#ccc',
    selectable: false,
    evented: false
  });
  gridLayer.add(line);
}

这段代码会在canvas上绘制出一组间隔为10的辅助线，可以根据需要调整间隔大小和颜色。