在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()
                }
  })
});