Ja, das wird schwierig. Aber wie die Sprüche so schön gehen: wo eine Wille da ein Weg…oder…Nichts ist unmöglich…Toyo… 
Du müsstest eine JS Library verwenden und es gibt viele JavaScript-Bibliotheken für Bildbearbeitung wie Fabric.js oder PixiJS, die man nutzen könnte. Mit diesen kann man die meisten grundlegenden Bildbearbeitungsfunktionen wie Ausschneiden, Drehen, Helligkeit, Kontrast und viele weitere Funktionen implementieren.
Baue das Tool vielleicht als iFrame auf der Produktseite oder auf einer speziellen Bearbeitungsseite ein und implementiere die verschiedenen Bearbeitungsoptionen, die ihr den Kunden zur Verfügung stellen möchtet. Biete beispielsweise eine Schaltfläche an, mit der der Kunde das bearbeitete Bild “speichern” oder “zur Kasse gehen” kann. Sobald ein Kunde ein Bild bearbeitet und sich für den Kauf entscheidet, das Bild dann auf einem Server oder in einem Cloud-Speicherdienst (wie AWS S3) zwischenspeichern.
Integriere die Funktion in den Checkout-Prozess von Shopify, sodass der Kunde für das bearbeitete Bild bezahlen kann. Nach erfolgreicher Bezahlung, generiere einen temporären oder einmaligen Download-Link für das PNG-Bild und sende es dem Kunden über eine E-Mail mit dem Download-Link oder stelle den Link direkt auf der Bestätigungsseite zur Verfügung. Stelle sicher, dass nur der zahlende Kunde Zugriff auf das Download-Link hat.
DSGVO: Implementiere auch eine Löschlogik für temporär gespeicherte Bilder, um Speicherplatz zu sparen und die Privatsphäre der Kunden zu schützen. Da Shopify ein geschlossenes System ist, wirst du für den Server-Backend-Teil möglicherweise einen externen Server oder eine serverlose Funktion (z.B. AWS Lambda) benötigen, um einige der obigen Schritte zu implementieren. Dies erhöht die Komplexität des Projekts erheblich leider…
VG,