Ich habe einen auf fabric.js basierenden T-Shirt-Simulator eingerichtet. Alles funktioniert wie erwartet, bis auf ein Detail, das der Kunde gerne lösen möchte. Ein hochgeladenes Bild darf nicht über die T-Shirt-Leinwand hinaus (wir könnten es als Hintergrundbild sehen).

Ich habe dieses Hintergrundbild auch in PNG und SVG, aber wie könnte ich das erreichen?

BEARBEITEN:

Basierend auf dem Bild möchte ich, dass das Bild in der Mitte des T-Shirts nicht aus der roten Linie gezogen wird ... dies wäre das ideale Szenario. Wenn dies auf einfache Weise schwierig ist, würde ich mich freuen, wenn ich das Bild an die blaue Linie binden könnte.

In diesem letzten Fall weiß ich, dass ich das Bild in Form eines Rechtecks ​​ausschneiden kann, aber kann ich das Bild auf irgendeine Weise anhalten lassen, wenn es auf die Linie trifft, anstatt nur darunter zu gehen?

Vielen Dank