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