Ich arbeite gerade an einem "Photo Collage Maker" -Projekt, das einen größeren Leinwandbereich und Hunderte von Objekten (Text, Bilder, Formen, Cliparts usw.) benötigt. Das Problem besteht beim Verschieben, Skalieren und Drehen dieser Objekte. Fabric.js rendert alle Objekte, wodurch es zu langsam wird. Ich möchte nur die ausgewählten Objekte über der Fabric-Leinwand rendern. Ich habe renderOnAddition, renderTop auch getestet, aber sie sind nicht was ich will.
Ich möchte Folgendes:
%Vor% Jetzt anstelle von canvas.renderAll() , brauche ich eine Methode wie canvas.renderObjects(activeObject) . Wie kann ich diese Funktionalität in Fabric.js erreichen?
Hier ist mein Projekt: Fotos kostenlos bearbeiten
Am besten ist es, wenn Sie vor dem Hauptbildschirm eine zweite Leinwand haben, auf der Sie das / die aktuelle (n) Objekt (e) bewegen / skalieren / drehen.
Sie erwähnen, dass Sie die ausgewählten Objekte oben auf der Fabric-Leinwand rendern möchten, damit dies Ihren Anforderungen entspricht.
Beim Beenden der Bewegung / Skalierung / Drehung müssen Sie die ursprünglichen Canvas-Elemente wiederherstellen, Ihre Änderungen anwenden und einem vollständigen Neuzeichnen erlauben.
Tags und Links javascript fabricjs photos