Image Editor FabricJS

Propósito e intención del usuario: la herramienta ofrece una capacidad de edición de imágenes programable que replica una manipulación de canvas similar a FabricJS. Es utilizada por diseñadores gráficos, desarrolladores frontend, equipos de producto y especialistas en prototipado que necesitan editar o ensamblar activos rápidamente en el navegador sin software de escritorio. Casos de uso incluyen preparar assets de UI, prototipar gráficos, recortar y redimensionar, y ordenar múltiples objetos en un solo lienzo para maquetas.
Lógica central y características: la herramienta modela un lienzo por capas y un conjunto de objetos editables con comportamiento determinista. Funciones requeridas: carga de archivos, tamaño del lienzo, selección de objetos y transformaciones (mover/escala/rotar), control del orden de capas, soporte para formas básicas y exportación a PNG/JPEG/SVG. Funciones opcionales/avanzadas: agrupar/desagrupar, máscaras de recorte, historial deshacer/rehacer, controles de color y trazo, opacidad y presets de scripts para ediciones repetibles.
Entradas y salidas: Entradas incluyen image_file (requerido, tipos MIME de imagen), width_px y height_px (opcionales, enteros positivos), background_color (opcional, hex), maintain_aspect_ratio (opcional, booleano). Salidas incluyen edited_image (archivo) y export_format (PNG/JPEG/SVG) con final_dimensions en px. Validación exige tipo de archivo, límites de tamaño, dimensiones positivas y compatibilidad entre ancho y alto cuando se mantiene la relación de aspecto. Algoritmos y cálculos: la herramienta usa un modelo de Canvas del lado del cliente con un grafo de objetos tipo Fabric. Aplica transformaciones por objeto, recalcula cuadros límite y genera una exportación raster o vectorial según el formato. La exportación SVG serializa la geometría y la superposición de objetos; las exportaciones raster implementan anti-aliasing básico y remuestreo. Errores y casos límite: tipos de imagen no válidos, entradas demasiado grandes o formatos de exportación no soportados producen estados de fallo definidos. Entradas requeridas faltantes, límites de memoria o dimensiones incompatibles provocan fallbacks seguros. En ediciones fuera de rango, se aplica clipping; efectos no soportados se ignoran al exportar. Industria/región y localización: usa unidades basadas en píxeles; admite formatos de color comunes; no hay monedas regionales. Supuestos y exclusiones: no es un editor de fotos completo; no hay procesamiento del lado del servidor por defecto; no hay reconocimiento automático de contenidos; se excluyen correcciones avanzadas de píxeles.