Prototype JavaScript Image Cropper UI - Demo

This is a sterile demo file for the post Prototype JavaScript Image Cropper UI by Dave Spurr.

Castle on a hill

Crop preview:

Crop values:

x1:

y1:

x2:

y2:

width:

height:

Instructions

Hold shift while dragging/resizing to limit select area to a square (not applicable when ratios are applied).
Use cursor keys to nudge the select area by one pixel, holding shift will nudge area by 10 pixels.