Javascript 如何将html2canvas保存为pdf文件
我使用了下面的html2canvas代码将画布附加到文档主体下方,但我想针对特定的div并将其另存为pdfJavascript 如何将html2canvas保存为pdf文件,javascript,jquery,pdf,html2canvas,Javascript,Jquery,Pdf,Html2canvas,我使用了下面的html2canvas代码将画布附加到文档主体下方,但我想针对特定的div并将其另存为pdf function getscreenshot() { html2canvas(document.body, { onrendered: function (canvas) { document.body.appendChild(canvas); } }); };
function getscreenshot() {
html2canvas(document.body, {
onrendered: function (canvas) {
document.body.appendChild(canvas);
}
});
};
尝试此操作,确保将要导出为pdf的div id和name(如果要在同一页上导出多个pdf。如果您觉得可以去掉name部分,只需确保将其从pdfmake行中删除)以及参数传递给该函数
function getscreenshot(div, name) {
html2canvas(document.getElementById(div), {
onrendered: function (canvas) {
var data = canvas.toDataURL();
var docDefinition = {
content: [{
image: data,
width: 500,
}]
};
pdfMake.createPdf(docDefinition).download( name + ".pdf");
}
});
}
嗨@Manuel Vidal,这就是我从C#script中的按钮调用函数的方式吗main'是div的名称,'mcn'是我要保存为的文件的名称:protectedvoid Print_Button_Click(objectsender,EventArgs e){ScriptManager.RegisterClientScriptBlock(this,GetType(),“mykey”,“getscreenshot(main,mcn);”,true);}老实说,我不能回答这个问题,因为我对这件事一无所知。谢谢你@Manuel Vidal,它对文档body非常有用,但努力使它对单个部门有效……我会继续努力!