使用 jquery 中的 html2canvas 将 html 元素导出到 Png 文件时如何设置自定义文件名？

Question

我的应用程序中有一个按钮可以将 html div 导出到 png 文件。我是在 jquery 中使用 html2canvas 库完成的。这里的问题是当文件下载时，它使用默认名称 "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()
                }
  })
});

使用 jquery 中的 html2canvas 将 html 元素导出到 Png 文件时如何设置自定义文件名？

How to set custom file name when exporting html element to Png file using html2canvas in jquery?

jquery

html2canvas