Почему после сохранения изображения перезаряжается? ⇐ Html

[Anonymous]

Чтобы сохранить изображение, размещенное на моей странице HTML с id = defaultCanvas0 Я использую следующий код: < /p>

Код: Выделить всё

function saveCanvas2file(){
let canvas = document.getElementById('defaultCanvas0');
event.preventDefault();
// let ctx = canvas.getContext('2d');
}

document.getElementById('downloadCanvas0').addEventListener('click', function(e) {
// Convert our canvas to a data URL
let canvasUrl = canvas.toDataURL();
// Create an anchor, and set the href value to our data URL
const createEl = document.createElement('a');
createEl.href = canvasUrl;

// This is the name of our downloaded file
createEl.download = "download-this-canvas";

// Click the download button, causing a download, and then remove it
createEl.click();
createEl.remove();
});

это основано на: https://fjolt.com/article/html-canvas-s ... ageобразно Поймите, почему моя форма, кажется, перезагружает потеря всех введенных данных.
Любые предложения?

Подробнее здесь: https://stackoverflow.com/questions/794 ... ving-image