Cropper Demo
A Simple JavaScript Image Cropper.
github.com/tobento-ch/js-cropper
Example 1
Using target width and height, keeping ratio.

<img src="/media/cropper/image.jpg" data-crop='{"id": "img1", "target": [1200, 600]}'>
Example 2
Using target width only, without keeping ratio.

<img src="/media/cropper/image.jpg" data-crop='{"id": "img2", "target": [1200]}'>
Example 3
With crop data.

<img src="/media/cropper/image.jpg" data-crop='{"id": "img3", "crop": {"x":100,"y":200,"width":1200,"height":900,"scale":0.8}}'>