Store as Png Image from Signature pad?
<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>