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

Question

我的应用程序中有一个按钮，可以将 html div 导出到 png 文件。我在 jquery 中使用 html2canvas 库做到了。这里的问题是当文件被下载时，它会以默认名称“下载”下载。我需要使用自定义名称下载。我在下面提供了代码。任何帮助表示赞赏。

 $("#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()
                }
  })
});