如何在Fabric JS中为画布设置重复背景图像？

Question

我想将图像设置为画布的背景图像。

可以使用canvas.setBackgroundImage方法。

但它并没有在整个背景中重复。

如何使其可重复？

我见过使用模式设置文本和形状的重复背景图像的演示。

如何将此图案用于画布背景。

Answer 1

根据与Fabric.JS捆绑在一起的测试，即使没有通过backgroundColor

，也可以通过fabric.Pattern setter实现

var src = 'img/checker.png';

canvas.setBackgroundColor({source: src, repeat: 'repeat'}, function () {
  canvas.renderAll();
});

Answer 2

使用canvas.backgroundColor和图案而不是背景图片：

canvas.backgroundColor = new fabric.Pattern({source: image})