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

Question

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

这种canvas.setBackgroundImage方法是可行的.

但它并没有在整个背景下重复.

如何使其可重复？

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

如何将此模式用于画布背景.

Answer 1

根据与Fabric.JS捆绑在一起的测试,backgroundColor即使没有通过也可以通过setter实现fabric.Pattern

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})