Скачать холст Html5 при нажатии на действие

Question

Я работаю над холстом Html5.

В настоящее время я загрузив изображение на правой кнопкой мыши и выбрав опцию сохранить изображение

Теперь я хочу, чтобы включить СКАЧАТЬ кнопку, которая может сохранить и загружает Canvas как изображение.

Мой код:

var download = document.getElementById('img-download'); 
    download.addEventListener('click', prepareDownload, false); 

    function prepareDownload() { 

    var canvas = document.getElementById("memecanvas"); 
    document.getElementById("memecanvas").src = canvas.toDataURL(); 

    Canvas2Image.saveAsPNG(canvas); 
    } 

Это просто позволяет загрузить его с помощью правой кнопки мыши. Пожалуйста, помогите мне, как с этим бороться.

Заранее благодарен!

Answer 1

Просто создайте кнопку, дайте ей идентификатор, скажем, «кнопку загрузки».

Затем вместо добавления обработчика события клика в элемент img-download назначьте его кнопке, используя ее ID.