Как установить имя пользовательского файла при экспорте элемента html в файл Png с помощью html2canvas в jquery?

Question

У меня есть кнопка в приложении, которая экспортирует html div в файл png. Я сделал это с помощью библиотеки html2canvas в jquery. Проблема здесь в том, когда файл загружается, загружается с именем по умолчанию «Download». Мне нужно загрузить с помощью настраиваемого имени. Я предоставил код в следующем. Любая помощь приветствуется.

$("#btnPng").click(function() { 
         html2canvas($("#pulledPopUp"), { 
       onrendered: function (canvas) { 
       theCanvas = canvas; 
        Canvas2Image.saveAsPNG(canvas); 
            } 
      }) 

     }); 

Answer 1

Canvas2Image.saveAsPNG функция не дает возможность установить имя файла. Вы также можете использовать canvas.toDataURL(), <a> элемент, с атрибутом download, указанным в названии предлагаемого файла; .click()

$("#btnPng").click(function() { 
    html2canvas($("#pulledPopUp"), { 
    onrendered: function (canvas) { 
        var url = canvas.toDataURL(); 
        $("<a>", { 
        href: url, 
        download: "fileName" 
        }) 
        .on("click", function() {$(this).remove()}) 
        .appendTo("body")[0].click() 
       } 
    }) 
});