Skip to content

Latest commit

 

History

History
22 lines (10 loc) · 953 Bytes

README.md

File metadata and controls

22 lines (10 loc) · 953 Bytes

Perspective crop

Simple javascript image crop with perspective adjust.

This project uses Interact.JS for handling the dragging corners. The code doesn't actually do the crop, but rather allows the user to set freely four corners of the image and gets the coordinates of the four adjusted points.

You can find a Demo here

The form submits the following parameters:

originalSize array of original image size (width,height)

cropPoints array containing x an y of the four adjusted points (top-left,top-right,bottom-right,bottom-left)

scaleFactors array containing the scale factor of the image (width,height)

Adjustment of the perspective was intended to be made serverside (e.g. Imagemagick). Image is hardcoded in the example code, so you have to handle the upload yourself.

perspective crop image javascript