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

Question

我正在努力解决这个问题： 当用户点击按钮时，它会在我的＆＃34; imagecontainer＆＃34;中创建一个png。元件。 不幸的是，它只在页面底部添加了一个带有png的画布。我怎么能阻止它这样做让png直接进入dowloads文件夹或新窗口？非常感谢。 这是我的代码：

＆＃13;

＆＃13;

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

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

            }
        });
    });
}); 

＆＃13;

＆＃13;

＆＃13;

Answer 1

当您将元素追加到document.body时，它会自然地放在页面底部。将画布附加到要包含它的元素。例如imagecontainer：

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