Image Editor FabricJS

Purpose & User Intent: The tool provides a programmatic image editing capability that mirrors FabricJS‑like canvas manipulation. It is used by graphic designers, front-end developers, product teams, and prototyping specialists who need to edit or assemble assets quickly in-browser without desktop software. Use cases include preparing UI assets, prototyping graphics, cropping and resizing, and arranging multiple objects on a single canvas for mockups. Core Logic & Features: The tool models a layered canvas and a set of editable objects with deterministic behavior. Required features include: file upload input, canvas sizing, object selection and transforms (move/scale/rotate), layer order control, basic shapes support, and exporting to PNG/JPEG/SVG. Optional/Advanced features include grouping and ungrouping, clipping masks, undo/redo history, color and stroke controls, opacity, and scripting presets for repeatable edits. Inputs & Outputs: Inputs include image_file (required, image MIME types), width_px and height_px (optional, positive integers), background_color (optional, hex), maintain_aspect_ratio (optional, boolean). Outputs include edited_image (file) and export_format (PNG/JPEG/SVG) with final_dimensions in px. Validation enforces file type, size limits, positive dimensions, and compatibility between width and height when aspect ratio is enforced. Algorithms & Calculations: The tool uses a client-side canvas model with a fabric-like object graph. It applies per-object transforms, recomputes bounding boxes, and renders a raster or vector export depending on format. SVG export serializes object geometry and layering; raster exports implement basic anti-aliasing and resampling. Error & Edge Cases: Invalid image types, oversized inputs, or unsupported export formats produce defined failure states. Missing required inputs, memory limits, or incompatible dimension requests trigger safe fallbacks. For out-of-bounds edits, clipping applies; unsupported effects are ignored in exports. Industry/Region & Localization: Uses pixel-based units; supports common color formats; no locale-specific currencies. Assumptions & Exclusions: Not a full photo editor; no server-side processing unless configured, and no automatic content recognition; excludes advanced pixel-level corrections.