Image Editor FabricJS

Doel & Gebruiker Intentie: De tool biedt een programmeerbare beeldbewerkingsfunctie die FabricJS-achtige canvasmanipulatie nabootst. Gebruikers zijn grafisch ontwerpers, frontend-ontwikkelaars, productteams en prototyping-specialisten die assets snel in de browser moeten bewerken of samenstellen zonder desktop-software. Gebruikscases omvatten UI-assets voorbereiden, grafische prototyping, bijsnijden en verkleinen, en het rangschikken van meerdere objecten op één canvas voor mockups.
Kernlogica & Features: De tool modelleert een gelaagde canvas en een set bewerkbare objecten met deterministisch gedrag. Vereiste functies: bestandsupload, canvasformaat, objectselectie en transformaties (verplaatsen/schalen/roteren), laagniveau besturing, basisvormen, en export naar PNG/JPEG/SVG. Optionele/Geavanceerde functies: groeperen/ontgroeperen, clipping masks, undo/redo-geschiedenis, kleur- en lijndetectie, doorzichtigheid, en scripting presets voor herhaalbare bewerkingen.
In- en Outputs: Invoer bestaat uit image_file (verplicht, beeld-MIME-types), width_px en height_px (optioneel, positieve gehele getallen), background_color (optioneel, hex), maintain_aspect_ratio (optioneel, boolean). Uitvoer omvat edited_image (bestand) en export_format (PNG/JPEG/SVG) met final_dimensions in px. Validatie dwingt bestandstype af, bestandsgrootte-limieten, positieve afmetingen en compatibiliteit tussen breedte en hoogte bij behoud van aspectratio. Algoritmen & Berekeningen: De tool gebruikt een client-side canvas-model met een Fabric-achtige objectgraf. Per-object transformaties worden toegepast, begrenzingen herberekend en er wordt gerenderd naar raster- of vector-export, afhankelijk van het formaat. SVG-export serialiseert geometrie en objectlaagvolgorde; rasterexports implementeren basis anti-aliasing en her-sampling. Fouten & Randgevallen: Ongeldige beeldtypes, oversized inputs of niet-ondersteunde exportformaten leiden tot gedefinieerde foutgevallen. Ontbrekende vereiste inputs, geheugengebeperkingen of onverenigbare afmetingen veroorzaken veilige fallbacks. Bij bewerkingen buiten de grenzen wordt clipping toegepast; niet-ondersteunde effecten worden genegeerd bij exports. Industrie/Regio & Lokalisatie: Gebruikt pixels als eenheden; ondersteunt veelvoorkomende kleurformaten; geen regio-specifieke valuta. Aannames & Uitsluitingen: Geen volwaardige foto-editor; geen server-side verwerking tenzij geconfigureerd; geen automatische inhoudherkenning; uitsluitingen voor geavanceerde pixelcorrecties.