如何將base64數據下載為圖像？

Question

我使用 vue-signature 庫，但不知道如何下載生成為圖像的 base64 數據，這是庫的鏈接： 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/