canvas to blob

gistfile1.txt

//libraries used:
https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
//Polyfills
https://rawgit.com/eligrey/Blob.js/master/Blob.js
https://rawgit.com/eligrey/canvas-toBlob.js/master/canvas-toBlob.js
https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js

//all in one save option
$( "#save" ).click(function() {
  var img = new Image,
  canvas = document.createElement('canvas'),
  ctx = canvas.getContext("2d");
  img.crossOrigin = "Anonymous"; 
  img.onload = function() {
  alert(img.src)
  canvas.height = this.height;
  alert(canvas.height);
  canvas.width = this.width;
  ctx.drawImage(img, 0, 0);
  quality = 1  // 0 - 1
  canvas.toBlob(function(blob){
  saveAs(blob, 'aa.jpg');  // or 'aa.png'
  }, 'image/jpeg', quality);  // or 'image/png'
    };
  img.src = "yourimageurlgoeshere";

});