如何将base64数据下载为图片？

Question

我使用 vue-signature 库，我不知道如何下载生成为图像的 base64 数据，这是图书馆的 Link：https://www.npmjs.com/package/vue-signature 我已经阅读了文档并看到“Save()”方法将图像另存为 PNG/JPG… 但它给了我 base64 数据，谢谢合作，我用的是vue js

Answer 1

这不是最优化的解决方案，但它有效。

var a = document.createElement("a"); //Create <a>
a.href = "data:image/png;base64," + ImageBase64; //Image Base64 Goes here
a.download = "Image.png"; //File name Here
a.click(); //Downloaded file

在你的情况下你可以试试这个

var canvas = document.querySelector("canvas");

var signaturePad = new SignaturePad(canvas);

// Returns signature image as data URL (see https://mdn.io/todataurl for the list of possible parameters)
signaturePad.toDataURL("image/jpeg"); // save image as JPEG

来源：https://vuejsexamples.com/vue-signature-pad-component/

如何将base64数据下载为图片？

How download base64 data as image?

javascript

base64

image

digital-signature

vue.js