Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将div包含画布打印为PDF文件?_Javascript_Css_Html_Pdf_Canvas - Fatal编程技术网

Javascript 如何将div包含画布打印为PDF文件?

Javascript 如何将div包含画布打印为PDF文件?,javascript,css,html,pdf,canvas,Javascript,Css,Html,Pdf,Canvas,我有一个包含许多画布的div(画布与页面PDF相同)。我想打印div,它包含所有画布到PDF文件。重要的是要知道如何将画布的数量打印为PDF页面(示例4画布有4页PDF),而页面PDF遵循纵向或横向(示例文件PDF横向,如果画布水平) $(“#打印”)。单击(函数(e){ e、 预防默认值(); ////做点什么 }); 我尝试了一些三方的canvas2pdf,jspdf,html2canvas,但它们似乎不是我想要的。你有这个想法吗,给我一个方向。谢谢大家 <div id="pdf_

我有一个包含许多画布的div(画布与页面PDF相同)。我想打印div,它包含所有画布到PDF文件。重要的是要知道如何将画布的数量打印为PDF页面(示例4画布有4页PDF),而页面PDF遵循纵向或横向(示例文件PDF横向,如果画布水平)


$(“#打印”)。单击(函数(e){
e、 预防默认值();
////做点什么
});
我尝试了一些三方的
canvas2pdf
jspdf
html2canvas
,但它们似乎不是我想要的。你有这个想法吗,给我一个方向。谢谢大家

<div id="pdf_view">
<canvas class="pdf_canvas">
<canvas class="pdf_canvas">
<canvas class="pdf_canvas">
<canvas class="pdf_canvas">
</div>
<button id="print"></button>
$('#print').click(function (e) {
        e.preventDefault();
       ////do something 
});