Sweet Alert Pop-up-Eingabeaufforderung vor dem Herunterladen von Canvas-HTML-Bild in PNG

in meiner App zum Zeichnen auf Leinwand Ich habe eine Schaltfläche zum Herunterladen auf PNG. Ich möchte, dass das Bild von der Leinwand nur dann heruntergeladen wird, wenn der Benutzer in meiner Popup-Eingabeaufforderung mit "Ja, speichern" auf "Ja" klickt. Momentan wird es immer noch automatisch heruntergeladen. Danke für deine Hilfe. (Auch wenn jemand eine bessere Möglichkeit zum Herunterladen über Javascript hätte, die auch helfen würde, wird das PNG heruntergeladen, es ist jedoch beschädigt und ich kann es nicht öffnen.)

$('#download').click(function(){
    swal({
        title: "Are you finished your creation?",  
        text: "click yes to save",   
        type: "warning",  
        showCancelButton: true,   
        confirmButtonColor: "#f8c1D9",   
        confirmButtonText: "Yes, save it!",  
        closeOnConfirm: true 
    }, function (isConfirm) {      
        if (isConfirm) {
            swal("Saving!");

            var base64 = document.getElementById("canvas")
              .toDataURL("image/png")
              .replace(/^data:image\/[^;]/, 'data:application/octet-stream');

            document.getElementById("download-png").href = base64
        } else {

        }

        return false; 
    });
});

html

<div id="download">
    <a href="#" id="download-png" download="image.png"><img src="./assets/imgs/tools/save.png" /></a>
</div>

Antworten auf die Frage(2)

Ihre Antwort auf die Frage