Para hacerFabricante de collage de fotos, Yo uso tela js que tiene función de recorte basado en objetos. Esta función es excelente, pero la imagen dentro de esa región de recorte no se puede escalar, mover o rotar. Quiero una región de recorte de posición fija y la imagen se puede colocar dentro del área de recorte fija como el usuario desee.

Busqué en Google y encontré una solución muy cercana.

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últiples áreas de recorte en tela js lienzo

donde la imagen de una región de recorte aparece en otra región de recorte. ¿Cómo puedo evitar esto o hay otra forma de lograrlo utilizando fabric js.