CRXAI Update: Advanced Image Cropping, Smart Shortcuts & Enhanced Text Controls

๐Ÿš€ CRXAI โ€“ Update Log 14/02/2026

โœ‚๏ธ Advanced Image Cropping

  • Implemented non-destructive crop system

  • Crop box preserves original position and scale

  • Cropped image now keeps correct placement (no jumping to corner/center)

  • Resizing after crop now respects new boundaries

  • Added reset crop functionality

๐ŸŽจ Improved Crop UX (Canva-style)

  • Full image revealed during crop edit

  • Crop window remains in original position

  • Outside crop area visually highlighted

  • Transparent crop selection box

  • Double-click image to activate crop

  • Double-click outside image to apply crop

  • Escape = cancel crop

  • Enter = apply crop

  • Click outside canvas = cancel crop

โŒจ๏ธ Keyboard Shortcuts

  • Ctrl + ] โ†’ Bring forward

  • Ctrl + [ โ†’ Send backward

  • Ctrl + B โ†’ Toggle bold

  • T โ†’ Add text

  • Centralized shortcut logic for cleaner management

๐Ÿ–‹๏ธ Text Improvements

  • Default text now inserts as single line

  • Prevented text distortion during resize

  • Textbox width auto-calculates based on content

  • Improved bold toggle behaviour

๐Ÿ–ฑ๏ธ Interaction Enhancements

  • Double-click image detection

  • Crop mode auto-closes top toolbar

  • Improved tool switching logic

  • Auto-apply crop when clicking outside

๐ŸŽฏ Fabric.js Enhancements

  • Custom object styling

  • Improved selection controls

  • Ref-based crop state (stable across re-renders)

  • Cleaner crop lifecycle management