FabricJS：将背景图像设置为矩形

Question

我正在使用fabricJS 1.5，并且想向rect对象添加背景图像。我可以使用setPattrenFill属性进行添加，但图像不会完全包含在rect内部。我必须在不需要的选项中使用repeat: 'repeat'，或者矩形的某些部分保持空白。

这是我对此所做的尝试：

var rect = new fabric.Rect({
            name: "canvasBase",
            left: 500,
            top: 500,
            width: localStorage.get('width'),
            height: localStorage.get('height'),
            fill: '#fff',
            angle: 0,
      });
        var img = new Image();
        img.onload = function(){
            fabric.util.loadImage(src, function(img) {
                rect.setPatternFill({
                    source: img,
                    repeat: 'no-repeat'
                });
                canvas.fabric.renderAll();
            });
        }

请帮助。