如何在 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);
我正在努力解决这个问题: 当用户单击按钮时,它会创建一个包含我的 "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);