Image Editor FabricJS

Zweck & Benutzerabsicht: Das Tool bietet eine programmatische Bildbearbeitungsfunktion, die einer FabricJS-ähnlichen Canvas-Manipulation entspricht. Es wird von Grafikdesignern, Frontend-Entwicklern, Produktteams und Prototyping-Spezialisten verwendet, die Assets schnell im Browser bearbeiten oder zusammenstellen müssen, ohne Desktop-Software. Anwendungsfälle umfassen die Vorbereitung von UI-Assets, die Prototypenerstellung von Grafiken, Zuschneiden und Größenänderung sowie das Anordnen mehrerer Objekte auf einer einzigen Leinwand für Mockups.
Kernlogik & Funktionen: Das Tool modelliert eine mehrschichtige Leinwand und eine Menge bearbeitbarer Objekte mit deterministischem Verhalten. Erforderliche Funktionen beinhalten: Dateiupload-Eingabe, Leinwandgröße, Objektauswahl und Transform (Bewegen/Skalieren/Rotieren), Ebenenreihenfolge, Unterstützung für Grundformen sowie Export nach PNG/JPEG/SVG. Optional/Erweiterte Funktionen umfassen Gruppierung und Entgruppierung, clipping-Masken, Rückgängig/Wiederherstellen-Historie, Farb- und Strichsteuerung, Deckkraft und Skript-Presets für wiederholbare Bearbeitungen.
Eingaben & Ausgaben: Eingaben umfassen image_file (erforderlich, Bild-MIME-Typen), width_px und height_px (optional, positive Ganzzahlen), background_color (optional, Hex), maintain_aspect_ratio (optional, boolean). Ausgaben umfassen edited_image (Datei) und export_format (PNG/JPEG/SVG) mit final_dimensions in px. Validierung erzwingt Dateityp, Größenlimits, positive Abmessungen und Kompatibilität von Breite und Höhe, wenn das Seitenverhältnis beibehalten wird.
Algorithmen & Berechnungen: Das Tool verwendet ein client-seitiges Canvas-Modell mit einem Fabric-ähnlichen Objekt-Graphen. Es wendet Objekts Transformierungen an, berechnet Grenzboxen neu und rendert einen Raster- oder Vektor-Export je nach Format. SVG-Export serialisiert Geometrie und Schichtung von Objekten; Raster-Exporte implementieren grundlegendes Anti-Aliasing und Resampling.
Fehler & Randfälle: Ungültige Bildtypen, übergroße Eingaben oder nicht unterstützte Exportformate führen zu definierten Fehlzuständen. Fehlende Pflichtangaben, Speicherbeschränkungen oder Inkompatibilitäten bei Abmessungen lösen sichere Fallbacks aus. Bei Bearbeitungen außerhalb des Bereichs kommt Clipping zum Einsatz; nicht unterstützte Effekte werden beim Export ignoriert. Industrie/Region & Lokalisierung: Verwendet pixelbasierte Einheiten; unterstützt gängige Farbformate; keine länderspezifischen Währungen. Annahmen & Ausschlüsse: Kein vollständiger Fotoeditor; keine serverseitige Verarbeitung, es sei denn konfiguriert, und keine automatische Inhaltserkennung; schließt fortgeschrittene Pixel-Korrekturen aus.