Image Editor FabricJS

Objectif et intention utilisateur : Cet outil offre une capacité d'édition d'image programmatique reflétant une manipulation de canvas de type FabricJS. Il est utilisé par des designers graphiques, des développeurs front-end, des équipes produit et des spécialistes du prototypage qui doivent éditer ou assembler rapidement des actifs dans le navigateur sans logiciel de bureau. Les cas d'utilisation incluent la préparation d'actifs UI, le prototypage de graphiques, le recadrage et le redimensionnement, et l'agencement de plusieurs objets sur un seul canvas pour des mockups.
Logique principale et fonctionnalités : L'outil modélise un canvas en couches et un ensemble d'objets éditables avec un comportement déterministe. Les fonctionnalités requises incluent : upload de fichier, dimension du canvas, sélection et transformations (déplacer/agrandir/faire pivoter), gestion de l'ordre des calques, prise en charge des formes de base et export vers PNG/JPEG/SVG. Les fonctionnalités optionnelles/avancées comprennent le groupement/démenti, masques de clipping, historique undo/redo, contrôles de couleur et de traçage, opacité et presets de scripts pour des éditions répétables.
Entrées et sorties : Entrées comprennent image_file (requis, types MIME d'image), width_px et height_px (optionnels, entiers positifs), background_color (optionnel, hex), maintain_aspect_ratio (optionnel, booléen). Sorties comprennent edited_image (fichier) et export_format (PNG/JPEG/SVG) avec final_dimensions en px. Validation impose le type de fichier, les limites de taille, des dimensions positives et la compatibilité entre largeur et hauteur lorsque le ratio est verrouillé. Algorithmes et calculs : L’outil utilise un modèle de Canvas côté client avec un graphe d’objets type Fabric. Il applique des transformations par objet, recalcule les boîtes englobantes et rend un export raster ou vectoriel selon le format. L’export SVG sérialise la géométrie et le Zonage des objets ; les exports raster appliquent anti-aliasing de base et rééchantillonnage. Erreurs et cas limites : des types d’image invalides, des entrées trop volumineuses ou des formats d’export non pris en charge produisent des états d’échec définis. Les entrées obligatoires manquantes, les limites mémoire ou les demandes de dimensions incompatibles entrainent des retours sûrs. En cas d’édition hors limites, le clipping s’applique; les effets non pris en charge sont ignorés lors de l’export. Industrie/Région et localisation : Utilise des unités basées sur les pixels; prend en charge des formats de couleur courants; pas de monnaies spécifiques à la localisation. Hypothèses et exclusions : Pas d’éditeur photo complet; pas de traitement côté serveur par défaut et pas de reconnaissance automatique du contenu; exclusions des corrections avancées au niveau des pixels.