Цитата: Милкимаус от 26.05.2026, 18:17

Скрипт для скачивание изображений в canvas на JavaScript : JS

Скрипт полностью рабочий. Был проверен и использован.

 

<input type="button" onclick="save_canvas('png');" value="Сохранить формат PNG&nbsp;&nbsp;&nbsp;" /><br>

<input type="button" onclick="save_canvas('jpg');" value="Сохранить формат JPG&nbsp;&nbsp;&nbsp;" /><br>

<input type="button" onclick="save_canvas('webp');" value="Сохранить формат WEBP" /><br>

<script type="text/javascript">//скрипт скачивания картинки

function save_canvas(save_type) {

    var canvas = document.getElementById('myCanvas');

    if (save_type=='jpg') {

        // Формат JPEG с качеством 95%

        var canvas_data = canvas.toDataURL('image/jpeg', 0.95);

    }

    else if (save_type=='webp') {

        // Формат WEBP с качеством 90%

        var canvas_data = canvas.toDataURL('image/webp', 0.9);

    }

    else {

        // Формат PNG по умолчанию

        var canvas_data = canvas.toDataURL();

    }

// Создать фейковый элемент-ссылку

    var fake_link=document.createElement('a');

    // Содержимое изображения

    fake_link.href = canvas_data;

    // Имя файла для сохранения

    fake_link.download = 'Ваш_Милкимаус.'+save_type;

    // Имитация клика на ссылке для сохранения файла

    fake_link.click();

    // Удалить фейковый элемент

    fake_link.remove();

}

</script>