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}}'>