javascript — FabricJS: установить фоновое изображение в прямоугольник

Я использую fabricJS 1.5, и я хочу добавить фоновое изображение для прямоугольного объекта. Я могу добавить с помощью setPattrenFill свойство, но изображение не содержит внутри прямоугольника полностью. Либо я должен использовать 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();
});
}

Пожалуйста помоги.