Image Editor FabricJS

Propósito e intenção do usuário: a ferramenta oferece uma capacidade de edição de imagem programável que replica uma manipulação de canvas semelhante ao FabricJS. É usada por designers gráficos, desenvolvedores frontend, equipes de produto e especialistas em prototipagem que precisam editar ou montar ativos rapidamente no navegador sem software de desktop. Casos de uso incluem preparação de assets de UI, prototipação de gráficos, recorte e redimensionamento, e organização de múltiplos objetos em um único canvas para mockups.
Lógica central e funcionalidades: a ferramenta modela um canvas em camadas e um conjunto de objetos editáveis com comportamento determinístico. Funcionalidades obrigatórias incluem: upload de arquivo, tamanho do canvas, seleção de objetos e transformações (mover/escala/rotação), controle de ordem de camadas, suporte a formas básicas e exportação para PNG/JPEG/SVG. Funcionalidades opcionais/avançadas incluem agrupamento/desagrupamento, máscaras de clipping, histórico desfazer/refazer, controles de cor e traço, opacidade, e presets de scripts para edições repetíveis.
Entradas e saídas: Entradas incluem image_file (obrigatório, tipos MIME de imagem), width_px e height_px (opcionais, inteiros positivos), background_color (opcional, hex), maintain_aspect_ratio (opcional, boolean). Saídas incluem edited_image (arquivo) e export_format (PNG/JPEG/SVG) com final_dimensions em px. Validação exige tipo de arquivo, limites de tamanho, dimensões positivas e compatibilidade entre largura e altura quando a taxa de aspecto é mantida. Algoritmos e cálculos: a ferramenta usa um modelo de Canvas do lado do cliente com um grafo de objetos tipo Fabric. Aplica transformações por objeto, recalcula caixas delimitadoras e gera exportação raster ou vetorial conforme o formato. A exportação SVG serializa geometria e sobreposição de objetos; exports raster implementam anti-aliasing básico e reamostragem. Erros e casos-limite: tipos de imagem inválidos, entradas muito grandes ou formatos de exportação não suportados produzem estados de falha definidos. Falta de inputs obrigatórios, limites de memória ou pedidos de dimensões incompatíveis acionam fallback seguro. Em edições fora dos limites, aplica clipping; efeitos não suportados são ignorados na exportação. Indústria/Região e Localização: usa unidades baseadas em pixels; suporta formatos de cor comuns; sem moedas específicas de região. Suposições e Exclusões: Não é um editor de fotos completo; não há processamento do lado do servidor por padrão; sem reconhecimento automático de conteúdo; exclui correções avançadas de pixels.