如何在 dowllaods 文件夹中而不是在浏览器中使用 html2canvas 和 FileSaver 下载 div 的内容?

How can I download content of div using html2canvas and FileSaver in the dowllaods folder instead of in the browser?

我正在努力解决这个问题: 当用户单击按钮时,它会创建一个包含我的 "imagecontainer" 元素中任何内容的 png。 不幸的是,它只在我的页面底部添加了带有 png 的 canvas。我怎样才能阻止它这样做并让 png 直接进入下载文件夹或新的 window?太感谢了。 这是我的代码:

$(function() { 
    $("#savebutton").click(function() { 
        html2canvas($(".imagecontainer"), {
            onrendered: function(canvas) {
                theCanvas = canvas;
                document.body.appendChild(canvas);

                canvas.toBlob(function(blob) {
     save(blob, "Dashboard.png"); 
    });

            }
        });
    });
}); 

当您将元素附加到 document.body 时,它自然会放置在页面底部。将 canvas 附加到要包含它的元素。例如 imagecontainer:

$(".imagecontainer").append(canvas);