imageResizer

Javascript plugin to resize images in a browser

Integrate it to you web page

  <script type="text/javscript" src="jquery.resizeImage.min.js"> 

Execute this code to show the resizer in the $("#contain") and then proceed to the resizing

$('#contain').resizeImage({                             image: 'horizontal.jpg',                             imgFormat: 'auto', // Formats: 3/2, 200x360, auto                             circleCrop: true,                             zoomable: true,                             outBoundColor: 'white', // black, white                             btnDoneAttr: '.resize-done'                             }, function( imgResizedURL ){                               // Callback function when the user click on btnDone                               // ...                             } ) 

Note: Require jquery plugin as integrated to the test folder

Demo