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

我正在使用fabricJS 1.5，我想向rect对象添加一个背景图像。我可以使用

setPatternFill

属性添加，但图像不能完全包含在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();
            });
        }

请帮忙