从签名板存储为 PNG 图像？答案

【问题标题】：Store as Png Image from Signature pad?从签名板存储为 PNG 图像？
【发布时间】：2018-12-18 00:34:31
【问题描述】：

我已经实现了Signature-Pad 及其工作。所以，现在我想将签名作为.png 图像存储到local/cloudinary。

$scope.saveCanvas = function() {
  var sigImg = signaturePad.toDataURL('image/png');
  $scope.signature = sigImg;
  console.log("$scope.signature :",$scope.signature);
}

上面的代码给出了base64 字符串，如：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAY

如何将base64 转换为.png 图像？

我试过了：angular-base64

 $scope.decoded = $base64.decode(sigImg);

我不知道怎么用this..

谢谢..！

【问题讨论】：

你找到解决这个问题的方法了吗？我也有同样的问题。

标签： angularjs ionic-framework signaturepad

【解决方案1】：

您可以使用以下代码来完成：

const dataURL = this.signaturePad.toDataURL('image/png');
const data = atob(dataURL.substring('data:image/png;base64,'.length)),
  asArray = new Uint8Array(data.length);

for (var i = 0, len = data.length; i < len; ++i) {
  asArray[i] = data.charCodeAt(i);
}

const blob = new Blob([asArray], { type: 'image/png' });

那么您应该可以将blob 上传到cloudinary。

我从以下stackoverflow answer获取此代码

【讨论】：