HTML

INIT

  • Currently works well in Firefox and Chrome, and who knows about IE.
  • Intended to be for those that need a sophisticated client-side tool to help prepare cropping. I have three personal uses: online store (30,000+ products), cropping 70,000 definitions from 1828 Webster Dictionary (2000 pages of test) [login required], and spell-checking text OCR'd with tesseract.
  • Historically, I have used Jcrop (a nice tool), but stale development. I have also tried jquery cropper but this tool has serious math-errors, nice visuals though!
  • The goal was to create a simple tool for mouse-only use (one handed work when necessary), but also enable short-cut keys for precision, and data-entry text fields.
  • The console for the cropMe tool has all of these features, so you can use it to prepare the crop dimensions and not have to build the necessary features.
  • Some of the features are derived from Adobe products (Fit from PDF, and the Crop Features of PhotoShop).
  • The console has a "window.status" feature - homage to the old-school developers.
  • I choose "font-awesome" as the current icon set for the control panel.
  • Clicking with Cntrl-, Shift-, and Alt- will change the granularity of the crop-box adjustments. [Most bindings are to window.event if the element is in focus (defined by mouseover)]
  • Multiple instances probably work, but why?
  • We are cropping an image, so if the crop box is "out of bounds", it will automatically snap-to an edge of the image, or die.
  • "Esc" let's you return to the crop-mode (having issues with multiple KEYDOWN bindings, but appears to work as expected in FireFox and Chrome - window.open.focus() appears to create some issues).
  • All internal functions are accessible. Most elements are detached with a unique MD5 string (myID).