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>