Zum machenPhoto Collage MakerIch benutze Stoff js, die objektbasierte Clipping-Funktion hat. Diese Funktion ist großartig, aber das Bild in diesem Beschneidungsbereich kann nicht skaliert, verschoben oder gedreht werden. Ich möchte einen Ausschnittbereich mit fester Position und das Bild kann innerhalb des festgelegten Ausschnittbereichs positioniert werden, wie es der Benutzer wünscht.

Ich googelte und fand eine sehr nahe Lösung

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();

Mehrere Schnittbereiche auf Stoff js Leinwand

wobei das Bild eines Beschneidungsbereichs in einem anderen Beschneidungsbereich erscheint. Wie kann ich dies vermeiden oder gibt es eine andere Möglichkeit, dies mithilfe von Fabric Js zu erreichen?