Sweet Alert всплывающее окно с запросом перед загрузкой HTML-изображения холста в PNG

в моем приложении для рисования на холсте у меня есть кнопка «загрузить в png», я хочу сделать так, чтобы изображение с холста загружалось только тогда, когда пользователь нажимает «да, сохранить его» в моем всплывающем окне с предупреждением. Сейчас он все еще загружается автоматически. Спасибо за помощь. (также, если у кого-то есть лучший способ загрузки через Javascript, который тоже поможет, он загружает png, но он поврежден, и я не могу его открыть)

$('#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>

Ответы на вопрос(1)

Ваш ответ на вопрос