在FabricJS中添加行和列

Question

如何在FabricJs Canvas中添加行和列。

以下是普通画布上的代码：

loadSequence

DEMO：JSFIDDLE

Answer 1

看看这个小提琴，它包含FabricJS代码来实现网格。 请记住，FabricJS是HTML 5 Canvas API的包装器。

jsfiddle

var canvas = new fabric.Canvas('c', { selection: false });
var grid = 50;

// create grid
for (var i = 0; i < (600 / grid); i++) {
  canvas.add(new fabric.Line([ i * grid, 0, i * grid, 600], { stroke: '#ccc', selectable: false }));
  canvas.add(new fabric.Line([ 0, i * grid, 600, i * grid], { stroke: '#ccc', selectable: false }))
}