title: Store as Png Image from Signature pad?
body: <p>I have implement <a href="https://devdactic.com/signature-drawpad-ionic/" rel="nofollow noreferrer">Signature-Pad</a> and its working.
  so, now I want to store the Signature as <code>.png</code> image to <code>local/cloudinary</code>.</p>
  
  <pre><code>$scope.saveCanvas = function() {
    var sigImg = signaturePad.toDataURL('image/png');
    $scope.signature = sigImg;
    console.log("$scope.signature :",$scope.signature);
  }
  </code></pre>
  
  <p>above code gives <code>base64</code> string like : <code>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAY</code></p>
  
  <p>How can I convert the <code>base64</code> into <code>.png</code> image?</p>
  
  <p>I have tried :<a href="https://github.com/ninjatronic/angular-base64" rel="nofollow noreferrer">angular-base64</a></p>
  
  <pre><code> $scope.decoded = $base64.decode(sigImg);
  </code></pre>
  
  <p>I don't know how to use <a href="https://stackoverflow.com/a/23534071/4302328">this..</a> </p>
  
  <p>thanx..!</p>