Para fazerPhoto Collage Maker, Eu uso tecido js que tem recurso de recorte baseado em objeto. Esse recurso é ótimo, mas a imagem dentro dessa região de recorte não pode ser dimensionada, movida ou girada. Eu quero região de recorte de posição fixa e imagem pode ser posicionada dentro da área de recorte fixa como o usuário deseja.

Eu pesquisei e encontrei uma solução muito próxima

var canvas = new fabric.Canvas('c');
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.rect(10,10,150,150);
ctx.rect(180,10,200,200);
ctx.closePath();
ctx.stroke();
ctx.clip();

Múltiplas áreas de recorte na tela js canvas

onde a imagem de uma região de recorte aparece em outra região de recorte. Como posso evitar isso ou existe outra maneira de realizar isso usando o js do fabric.