🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

FineCrop is an easy image cropping jQuery plugin which provides a convenient interface to zoom/move/crop local images before uploading. Heavily based on HTML5 canvas API.

Image-Cropping

Documentation

FineCrop

jQuery FineCrop plugin

As this is a jQuery plugin you will find fineCrop.js from js folder also get the fineCrop.css from css folder.

index.html

In this file you will get the strucure and explaination in commented line.

Use of plugin

 $("#upphoto").finecrop({     viewHeight: 500,     cropWidth: 200,     cropHeight: 200,     cropInput: 'inputImage',     cropOutput: 'croppedImg',     zoomValue: 50 }); 
  • #upphoto is the id of input type file

Other explainations are in index file, when you run you will see it clearly


You May Also Like