Ersetzen Sie ein Bild von Fabric Js Canvas mit einem Hq Bild programmaticaly und recalc Koord und Größen anderer Objekte

Question

Ich muss eine HQ-Darstellung von Fabric-Canvas-Objekten machen. Es gibt Fotos mit niedriger Qualität, die vom Benutzer während des Erstellungsprozesses hochgeladen wurden. Ich muss die Fotos durch Original-HQ-Versionen ersetzen und anschließend die Koordinaten und Größen anderer Objekte auf der Leinwand neu berechnen. Da ich die Serverseite für das Ersetzen von Fotos auf Fabric-Canvas verwenden werde, brauche ich nodejs, um Fabric darauf auszuführen. Ist es der richtige Weg, um zu erreichen, was ich brauche, oder gibt es eine einfachere Lösung? und wenn es der richtige Weg ist, kann mir bitte jemand ein Code-Beispiel für Geige geben?

P.S. Mit canvas.toSvg und dann Größe ändern mit imagemagick in php hat nicht dazu beigetragen, die Qualität von 2000x2000 px Bild erstellt von 200x200 px ist total schlecht.

Answer 1

eine Lösung gefunden. Sie müssen den Nodejs-Server installieren. 1. Speichern Sie Ihre Leinwand Daten zu JSON 2. Ändern Sie den Pfad zu Ihrer niedrigen Qualität img mit dem Pfad Ihrer hq img 3. Senden Sie es an Nodejs von Ajax Anruf. 4. laden Sie Canvas von JSON auf NodeJS-Server 5. speichern Sie die endgültige Leinwand zu einem img